• 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
56 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,530 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 Mądrala (6,640 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 260 wizyt
Porady nie od parady
Publikując kody źródłowe korzystaj ze specjalnego bloczku koloryzującego składnię (przycisk z napisem code w edytorze). Nie zapomnij o ustawieniu odpowiedniego języka z rozwijanego menu oraz czytelnym formatowaniu kodu.
Ciekawy innych porad? Odwiedź tę stronę!

45,876 zapytań

86,346 odpowiedzi

172,636 komentarzy

22,284 pasjonatów

Przeglądających: 54
Pasjonatów: 0 Gości: 54

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.

...