CSS tutoriál

DOMŮ CSS Úvod do CSS Syntaxe CSS Selektory CSS CSS Jak na to Komentáře CSS CSS barvy CSS pozadí Hranice CSS Okraje CSS CSS padding Výška/šířka CSS CSS Box Model obrys CSS Text CSS CSS písma Ikony CSS CSS odkazy CSS seznamy CSS tabulky Zobrazení CSS CSS Max-šířka Pozice CSS CSS Z-index Přetečení CSS CSS Float CSS Inline-block CSS zarovnat CSS kombinátory Pseudotřída CSS Pseudoprvek CSS Neprůhlednost CSS Navigační lišta CSS Rozbalovací seznamy CSS Galerie obrázků CSS CSS obrázkoví skřítci CSS Attr Selectory CSS formuláře Počítadla CSS Rozvržení webu CSS Jednotky CSS Specifičnost CSS CSS !důležité Matematické funkce CSS

Pokročilé CSS

CSS zaoblené rohy Obrázky ohraničení CSS CSS pozadí CSS barvy Klíčová slova barev CSS Přechody CSS CSS Shadows Textové efekty CSS Webová písma CSS CSS 2D transformace CSS 3D transformace Přechody CSS CSS animace CSS Tooltips Obrázky ve stylu CSS CSS obrazový odraz Přizpůsobení objektu CSS CSS objekt-pozice CSS maskování Tlačítka CSS Stránkování CSS Více sloupců CSS Uživatelské rozhraní CSS CSS proměnné Velikost CSS boxu CSS mediální dotazy Příklady CSS MQ CSS Flexbox

CSS responzivní

Úvod RWD Výhled RWD Zobrazení mřížky RWD Dotazy na média RWD Obrázky RWD Videa RWD Rámce RWD Šablony RWD

CSS mřížka

Úvod do mřížky Mřížkový kontejner Položka mřížky

CSS SASS

Výukový program SASS

Příklady CSS

CSS šablony Příklady CSS css kvíz Cvičení CSS CSS certifikát

CSS reference

Reference CSS Selektory CSS Funkce CSS CSS Reference Aural Webová bezpečná písma CSS CSS animovatelné Jednotky CSS Převodník CSS PX-EM CSS barvy Hodnoty barev CSS Výchozí hodnoty CSS Podpora prohlížeče CSS

CSS skvělé párování písem


Skvělé párování písem je nezbytné pro skvělý design.


Pravidla párování písem

Zde je několik základních pravidel pro vytvoření skvělého párování písem:

1. Doplň

Vždy je bezpečné najít dvojice písem, které se vzájemně doplňují.

Skvělá kombinace písem by měla ladit, aniž by byla příliš podobná nebo příliš odlišná.

2. Použijte nadrodiny písem

Nadrodina písem je sada písem navržených tak, aby spolu dobře fungovaly. Používání různých písem v rámci stejné nadrodiny je tedy bezpečné.

Například nadrodina Lucida obsahuje následující fonty: Lucida Sans, Lucida Serif, Lucida Typewriter Sans, Lucida Typewriter Serif a Lucida Math.

3. Kontrast je král

Dvě písma, která jsou příliš podobná, budou často v konfliktu. Kontrasty provedené správným způsobem však z každého písma vyniknou to nejlepší.

Příklad: Kombinace patky se sans serifem je dobře známá kombinace.

Silná nadrodina zahrnuje patkové i bezpatkové variace stejného písma (např. Lucida a Lucida Sans).

4. Zvolte Pouze jeden šéf

Jeden font by měl být šéf. Tím se vytvoří hierarchie písem na vaší stránce. Toho lze dosáhnout změnou velikosti, hmotnosti a barvy.

Příklad

Není pochyb o tom, že "Georgia" je tady šéf:

body {
  background-color: black;
  font-family: Verdana, sans-serif;
  font-size: 16px;
  color: gray;
}

h1 {
  font-family: Georgia, serif;
  font-size: 60px;
  color: white;
}

Níže jsme ukázali některé oblíbené dvojice písem, které budou vyhovovat mnoha značkám a kontextům.



Gruzie a Verdana

Georgia a Verdana je klasická kombinace. Také se drží standardů webových bezpečných písem:

Příklad

Pro nadpisy použijte písmo „Georgia“ a pro text „Verdana“:

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Helvetica a Garamond

Helvetica a Garamond je další klasická kombinace, která používá webová bezpečná písma:

Příklad

Pro nadpisy použijte písmo „Helvetica“ a pro text „Garamond“:

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Populární párování písem Google

Pokud nechcete používat standardní fonty v HTML, můžete použít Google Fonts.

Písma Google jsou k použití zdarma a můžete si vybrat z více než 1000 písem.

Níže jsou uvedeny některé oblíbené párování webových písem Google.


Merriweather a Open Sans

Příklad

Pro nadpisy použijte písmo „Merriweather“ a pro text „Open Sans“:

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Ubuntu a Lora

Příklad

Pro nadpisy použijte font "Ubuntu" a pro text "Lora":

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Abril Fatface a Poppins

Příklad

Pro nadpisy použijte písmo „Abril Fatface“ a pro text „Poppins“:

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Cinzel a Fauna One

Příklad

Pro nadpisy použijte písmo "Cinzel" a pro text "Fauna One":

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Mountain One a Libre Baskerville

Příklad

Pro nadpisy použijte písmo „Fjalla One“ a pro text „Libre Baskerville“:

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Space Mono a Muli

Příklad

Pro nadpisy použijte písmo „Space Mono“ a pro text „Muli“:

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Spektrální a Rubik

Příklad

Pro nadpisy použijte písmo „Spectral“ a pro text „Rubik“:

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.


Oswald a Noto Sans

Příklad

Pro nadpisy použijte písmo „Oswald“ a pro text „Noto Sans“:

Beautiful Norway

Norway has a total area of 385,252 square kilometers and a population of 5,438,657 (December 2020). Norway is bordered by Sweden, Finland and Russia to the north-east, and the Skagerrak to the south, with Denmark on the other side.

Norway has beautiful mountains, glaciers and stunning fjords. Oslo, the capital, is a city of green spaces and museums. Bergen, with colorful wooden houses, is the starting point for cruises to the dramatic Sognefjord. Norway is also known for fishing, hiking and skiing.

Seznam všech bezplatných písem Google Fonts naleznete v našem Návodu – výukovém programu Písma Google .