• 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ć

Konferencja JOIN! 2018
0 głosów
122 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 Pasjonat (20,110 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ź 87 wizyt
0 głosów
2 odpowiedzi 373 wizyt
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

55,345 zapytań

99,685 odpowiedzi

205,122 komentarzy

27,277 pasjonatów

Przeglądających: 316
Pasjonatów: 23 Gości: 293

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.

...