• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

czcionka i jej wielkość nie chce się ustawić

0 głosów
113 wizyt
pytanie zadane 13 lutego w HTML i CSS przez Angelika Dobrowolska Nowicjusz (120 p.)

Witam. Piszę ponieważ mam problem z czcionką. Za cholerę nie chce mi się ustawić, a tekst jest mały. Żeby powiększyć muszę dopisywać <h1>, ale przy zegarze wielkość i tak nie działa, czcionka na zegarze chyba zmieniona, ale imię i nazwisko zostało jak było. Próbowałam również inne czcionki niż podane na filmiku, patrzyłam czy wszystkie nawiasy itd. się zgadzają i nie znalazłam żadnego błędu. Nawet pobrałam i kopiowałam od Pana Mirosława z plików i dalej nic. 

Pozdrawiam

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	
	<title>Angelika Dobrowolska - Portfolio</title>
	
	<meta name="description" content="Stworzę dla Ciebie wyjątkową stronę www! Zatrudnij programistę webowego: PHP, JavaScript, HTML, CSS, MySQL, WordPress, Joomla, Drupal." />
	<meta name="keywords" content="zamów, stronę, tworzenie, www, programista, portfolio, php, javascript, html, css, WordPress, Joomla, Drupal" />
	
    <link rel="stylesheet" href="style.css" type="text/css" />
	<link rel="stylesheet" href="css/fontello.css" type="text/css" />
	<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato&amp;subset=latin-ext" rel="stylesheet">
	
	<script src="timer.js"></script>
	
</head>

<body onload="odliczanie();">

	<div id="container">
	
		<div class="rectangle">
			<div id="logo"><a href="zatrudnij-programiste-webowego" class="tilelinkhtml5">Angelika Dobrowolska</a></div>
			<div id="zegar">12:00:00</div>
			<div style="clear: both;"></div>
		</div>
	
	<div class="square">
		<div class="tile1">
		  <a href="kim-jestem" class="tilelink"><i class="demo-icon icon-user"></i><br />Kim jestem?</a>
		 </div>
		<a href="oferta-tworzenie-stron-www" class="tilelinkhtml5">
		  <div class="tile1">
		      <i class="demo-icon icon-laptop"></i><br />Co oferuję?
		  </div>
		  </a>
		<div style="clear: both;"></div>
	
		<div class="tile2">
		 <a href="cv-programista-php-javascript" class="tilelink"><i class="demo-icon icon-graduation-cap"></i><br />Curriculum Vitae</a>
		</div>
		<div class="tile3">
		 <a href="kontakt-programista-php" class="tilelink"><i class="demo-icon icon-mail-1"></i><br />Kontakt ze mną</a>
		</div>
		<div style="clear: both;"></div>
		
		<div class="tile4">
		<i>Talk is cheap. Show me the code!</i><br />- Linus Torvalds, twórca Linuxa
		</div>
		
	</div>
<div class="square">
	<div class="tile5">
	Tytuł podstrony <br /><br />
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean commodo erat velit. Maecenas pulvinar tellus nibh, at porttitor nibh sollicitudin vitae. Curabitur rhoncus justo nulla, et euismod erat laoreet in. Nulla maximus quis urna vitae facilisis. Proin vulputate purus ac tortor facilisis mollis. Quisque at tellus quis odio mollis ornare.t.
	</div>
	<div class="yt">
	 <a href="http://youtube.com" target="blank_"class="sociallink"><i class="demo-icon icon-youtube"></i></a>
	</div>
	<div class="fb">
	<a href="http://facebook.com" target="blank_"class="sociallink"><i class="demo-icon icon-facebook"></i></a>
	</div>
	<div class="gplus">
	<a href="http://plus.google.com" target="blank_"class="sociallink"><i class="demo-icon icon-gplus"></i></a>
	</div>
	<div class="tw">
	<a href="http://twitter.com" target="blank_"class="sociallink"><i class="demo-icon icon-twitter"></i></a>
	</div>
	<div style="clear: both;"></div>
	</div>
<div style="clear: both;"></div>
	
	<div class="rectangle">2032 &copy; Angelika Dobrowolska-Portfolio. Zapraszam do współpracy!<i class="demo-icon icon-mail"></i>  angelikadob@op.pl</div>
	
</body>
</html>
body
{
	background-color: #303030;
	color: #ffffff;
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}

#container
{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.rectangle
{
	width: 960px;
	margin: 20px;
	text-align: center;
}

.square
{
	width: 50%;
	float: left;
}

#logo
{
	float: left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	width: 600px;
	text-align: left;
}

#zegar
{
	float: left;
	font-family: 'Josefin Sans', sans-serif;
	font-size: 70px;
	text-align: left;
}

.tile1
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #3095d3;
	float: left;
	text-align: center;
}

.tile1:hover
{
	background-color: #2084c2;
}

.tile2
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #666666;
	float: left;
	text-align: center;
}

.tile2:hover
{
	background-color: #555555;
}

.tile3
{
	margin: 10px;
	width: 230px;
	height: 142px;
	background-color: #93c748;
	float: left;
	text-align: center;
}

.tile3:hover
{
	background-color: #82b637;
}

.tile4
{
	margin: 10px;
	width: 420px;
	height: 82px;
	background-color: #ee5a32;
	text-align: center;
	font-size: 26px;
	padding: 30px;
	line-height: 150%;
}

.tile5
{
	margin: 10px;
	width: 420px;
	height: 244px;
	background-color: #666666;
	text-align: justify;
	padding: 30px;
}

.yt
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d94348;
	float: left;
}

.yt:hover
{
	background-color: #c83237;
}

.fb
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #4668b3;
	float: left;
}

.fb:hover
{
	background-color: #3557a2;
}

.gplus
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #d95333;
	float: left;
}

.gplus:hover
{
	background-color: #c84222;
}

.tw
{
	margin: 10px;
	width: 105px;
	height: 142px;
	background-color: #3095d3;
	float: left;
}

.tw:hover
{
	background-color: #2084c2;
}

a.tilelink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 230px;
	height: 142px;
}

a.tilelinkhtml5
{
	color: #ffffff;
	text-decoration: none;
}

a.sociallink
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 105px;
	height: 142px;
}

 

2 odpowiedzi

+1 głos
odpowiedź 13 lutego przez dervil Gaduła (3,030 p.)
usuń

a

.tilelinkhtml5{font-size: 70px;}
komentarz 15 lutego przez Angelika Dobrowolska Nowicjusz (120 p.)
dziękuję za odpowiedź,nie spodziewałam się tam błędu, bo na kursie tak samo było, ale filmik ma 2 lata to może coś się zmieniło :D
+1 głos
odpowiedź 13 lutego przez thryndl Stary wyjadacz (13,700 p.)

Ładujesz fonty po załadowaniu styli, dlatego CSS ich "nie widzi". 

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans|Lato&amp;subset=latin-ext" rel="stylesheet">
<link rel="stylesheet" href="style.css" type="text/css" />
<link rel="stylesheet" href="css/fontello.css" type="text/css" />

     

Najpierw fonty, później reszta styli

Podobne pytania

0 głosów
1 odpowiedź 84 wizyt
0 głosów
2 odpowiedzi 323 wizyt
Porady nie od parady
Forum posiada swój własny chat IRC, dzięki któremu będziesz mógł po prostu pogadać z innymi Pasjonatami lub zapytać o jakiś problem. Podstrona z chatem znajduje się w menu pod ikoną człowieka w dymku.IRC

53,116 zapytań

96,375 odpowiedzi

197,331 komentarzy

25,939 pasjonatów

Przeglądających: 243
Pasjonatów: 21 Gości: 222

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...