Rodina písma (HTML) - Font family (HTML)
HTML |
---|
Srovnání |
v HTML a XHTML, CSS rodina písem vlastnost se používá k určení seznamu prioritních písem a obecných jmen rodin; ve spojení s korelací vlastností písma tento seznam určuje konkrétní obličej písma slouží k vykreslení znaků. A rodina písem je seskupení písem definovaných 9 sdílenými styly designu.
Fonty, které sdílejí společný styl designu, jsou obvykle seskupeny do rodin písem; Členové rodin písma jsou odlišeni zobrazením tvaru postavy (váha tahu, sklon, relativní šířka atd.); A obličej písma je jedinečná kombinace konkrétní rodiny písem a některých jejích vlastností členů (vlastnosti písma CSS).
Atribut obličeje písma v kombinaci s dalšími atributy prezentace písma lze použít v HTML pomocí zastaralé písmo
živel.
.text { rodina fontů: krát, patkové; velikost písma:14pt; styl fontu:kurzíva; }
<str třída="text">Ukázkový text formátovaný pomocí CSS v samostatné šabloně stylů.</str><str styl="font-family: times, serif; font-size: 14pt; font-style: italic">Ukázkový text naformátovaný vloženým CSS.</str><str><i><písmo tvář="časy, patkové" velikost="3">Ukázkový text naformátovaný zastaralou značkou FONT.</písmo></i></str>
Osvědčeným postupem pro hodnoty rodiny písem CSS je oddělit hodnoty čárkami a mezerami a uvést víceslovné hodnoty do uvozovek.
.text { rodina fontů: „calibri“, Garamond, 'Comic Sans MS'; }
V CSS, a rodina fontů
(nebo tvář
Atribut v HTML) je přednostně seřazený seznam rodin písem, které se mají použít při vykreslování textu. Seznam je oddělen čárkami (jak je uvedeno výše). Aby se zabránilo neočekávaným výsledkům, měla by být poslední rodina písem v seznamu písem jednou z generické rodiny které jsou ve výchozím nastavení vždy k dispozici v HTML a CSS. Pokud není nalezeno písmo, použije webový prohlížeč výchozí písmo, které může být uživatelem definované. V závislosti na webovém prohlížeči může uživatel ve skutečnosti přepsat písmo definované zapisovačem kódu. Může to být z osobních důvodů, ale může to být také kvůli určitým fyzickým omezením uživatele, jako je potřeba větší velikosti písma nebo vyhýbání se určitým barvám.
Kromě místních písem podporují moderní webové prohlížeče také propojení vlastní soubory písem přímo pomocí @ font-face
prohlášení. Jakmile jsou tato písma zahrnuta, mohou být uvedena v seznamu rodina fontů
spolu se všemi místními a záložními fonty.
Obecná písma
The rodina fontů může používat konkrétní pojmenované písmo (jako Heisei Mincho W9), ale výsledek závisí na písmech nainstalovaných v počítači uživatele. Skutečný vzhled bude záviset na prohlížeči a písmech nainstalovaných v systému.[1] A Standardní instalace z Firefox na Microsoft Windows například zobrazí obě patkové a Časy tak jako Times New Roman a obojí bezpatkové a Helvetica tak jako Arial.
Obvykle jen malá podskupina z nich, zejména „patkové“, „bezpatkové“, „jednoprostorové“ a „kurzívové“[2] jsou snadno konfigurovatelné uživatelem ve webových prohlížečích.
Písmo | Příklad (zobrazení závisí na nainstalovaných písmech) [velká písmena, věta, číslice, řečtina, arabština, ruština] |
---|---|
Agentura FB | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Albertina | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Antiqua | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Architekt | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Arial | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Banka Futuristická | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
BankGothic | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Blackletter | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Blagovest | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Calibri | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Comic Sans MS | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Consolas | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Kurýr | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Kurzívní | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Dekorativní | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Fantazie | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Fraktur | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Mrazivý | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Garamond | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Gruzie | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Helvetica | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Dopad | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Oblíbenec | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Moderní | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Monospace | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Otevřete Sans | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Palatino | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Perpetua | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
římský | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Bezpatkové | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Patkové | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Skript | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
švýcarský | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Tahoma ?? | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Časy | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Times New Roman | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Tw Cen MT | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |
Verdana | ABCDEFGHIJKLMNOPQRSTUVWXYZ Rychlá hnědá liška skáče přes líného psa. 0123456789 αβγ عربي язык |