Test náhradného fontu a rozloženia
DIELŇA FONTOV
Dolaďte detaily pre svoj text
Pozrite sa, ako sa text zmení pred načítaním webového fontu. Porovnajte hlavný, náhradný a upravený náhradný font a exportujte CSS na obmedzenie posunov rozloženia.
Začnite so súbormi fontov
Použite súbory fontov, ktoré smiete nahrať. Podporované sú TTF, OTF, WOFF a WOFF2.
Vyskúšajte, upravte a porovnajte
Kontrola znakov odhalí chýbajúce kódové body. Vždy skontrolujte aj vykreslený text.
Východiskové hodnoty pre túto ukážku. Nahraďte cesty k fontom, vyskúšajte iný text a cieľové prehliadače. Prepis metrík vychádza z predvolených metrík hlavného fontu.
Ako získať užitočné výsledky
Nahrajte hlavný font a vyberte lokálny náhradný font alebo nahrajte ďalší. Nastavte text a šírku stĺpca. Prispôsobte náhradu ukážke, skontrolujte počet riadkov a výšku blokov a dolaďte veľkosť. Stiahnite CSS a nahraďte vzorové cesty vlastnými súbormi.
Na čo pamätať
Ide o porovnanie rozloženia textu, nie o namerané skóre CLS. Návrh sa vzťahuje na túto ukážku s predvolenou inštanciou fontu. Iný text, štýly, prehliadače či operačné systémy sa môžu správať inak. Lokálny náhradný font musí byť dostupný na zariadení návštevníka; nahraná náhrada sa tiež musí načítať.
Ukážky sú súkromné a vypršia po 15 minútach. Vymazaním pracovnej plochy požiadate o skoršie odstránenie. Vytvorené webové balíky sú dočasné a vypršia automaticky.
Preskúmať všetky nástroje na fonty