Poppins
Vypätá dcéra grófa Maxwella s IQ nižším ako kôň núti čeľaď hrýzť hŕbu jabĺk.
Kŕdeľ ďatľov učí koňa žrať kôru.
Font je licencovaný v rámci Open Font License. A distribuovaný v balíčkoch Google Fonts a Adobe Fonts.
Autorom fontu je Jonny Pinhorn
Pre použitie na webových stránkach sa odporúča implementovať použitím tohto kódu:
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
font-family: 'Poppins', sans-serif;
H1
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 40px;
color: #91d3c5;
H2
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 35px;
color: #4f5354;
H3
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 30px;
color: #4f5354;
H4
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 25px;
color: #4f5354;
Pre mobilné zobrazenie sa môže alternatívne nastaviť pre H1 až H4 font size 24px. Napríklad:
H1 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 40px;
color: #91d3c5;
}
@media only screen and (max-width: 768px) {
H1 {
font-family: 'Poppins', sans-serif;
font-weight: 700;
font-size: 24px;
color: #91d3c5;
}
}
Odsekový štýl – Bledé pozadie
font-family: 'Poppins', sans-serif;
text-align: justify;
font-weight: 400;
font-size: 16px;
color: #242627;
Odsekový štýl – Tmavé pozadie
font-family: 'Poppins', sans-serif;
text-align: justify;
font-weight: 300;
font-size: 16px;
color: #f5f7f7;
Odsekový štýl – zvýraznený
font-family: 'Poppins', sans-serif;
text-align: justify;
font-weight: 600;
font-size: 16px;
color: #242627;
VERZALKY
font-family: 'Poppins', sans-serif;
text-align: justify;
font-weight: 600;
font-size: 16px;
color: #242627;
text-transform: uppercase;