• 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
52 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 Bywalec (2,430 p.)
usuń

a

.tilelinkhtml5{font-size: 70px;}
komentarz 6 dni temu 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 Mądrala (6,500 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ź 82 wizyt
0 głosów
2 odpowiedzi 258 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.
Ciekawy innych porad? Odwiedź tę stronę!

45,730 zapytań

86,123 odpowiedzi

171,994 komentarzy

22,186 pasjonatów

Przeglądających: 306
Pasjonatów: 26 Gości: 280

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.

...