Fondi alamhulga looja
Loo fondist alamhulk vajalike märkidega HarfBuzziga oma brauseris. Saa väiksem TTF/OTF ja WOFF, eelvaade ning @font-face reegel koos unicode-range'iga.
Kontrolli kõigepealt fondi litsentsi
Alamhulga loomine muudab fondifaili. Paljud kommertslitsentsid keelavad fontide muutmise või teisendamise või lubavad seda ainult veebikasutuseks teatud tingimustel. Avatud litsentsid, nagu SIL Open Font License (OFL) ja Apache 2.0, lubavad seda (OFL-i puhul tuleb alamhulk, mis säilitab reserveeritud fondinime, ümber nimetada). Loe enne tulemuse avaldamist oma fondi litsentsi.
Algne font
- Perekond
- Vorming
- Faili suurus
- Glüüfid
- Märgid
Valitud märke: 0
Tulemus
- Enne
- Pärast (TTF/OTF)
- Pärast (WOFF)
- Kokku hoitud
- Glüüfid
- Säilitatud märgid
WOFF2-väljund ei ole saadaval (brauseris puudub Brotli kodeerija). WOFF-i toetavad kõik praegused brauserid; sinu server võib TTF/OTF-i ka gzipi või Brotliga pakkida.
Alamhulga eelvaade
Eemaldatud märgid kuvatakse mõne muu fondiga.
CSS @font-face
Kuidas fondi alamhulka luua
- Kontrolli litsentsi. Alamhulga loomine teeb fondist muudetud koopia. Avatud litsentsid, nagu SIL Open Font License (OFL) ja Apache 2.0, lubavad seda; paljud kommertslikud töölaua- ja veebilitsentsid ei luba või lubavad ainult teatud tingimustel. Loe kõigepealt oma fondi litsentsi.
- Lohista TTF-, OTF- või WOFF-fail tõmbealale või klõpsa sellel, et fail valida. Paneel Algne font näitab perekonda, vormingut, faili suurust, glüüfide arvu ja märkide arvu, mida font katab.
- Vali Säilitatavad märgid: Põhiladina, Latin-1, Ladina, nagu Google Fontsis, Prantsuse ja Numbrid ja arvumärgid saab kombineerida. Lisa oma märgid väljale Märgid tekstist (säilitatakse teksti iga erinev märk) või väljale Unicode’i vahemikud, kirjutatuna CSS-i stiilis:
U+0020-007E, U+2013, U+04??. - Märgi Eemalda hinting, kui soovid võimalikult väikest faili.
- Klõpsa nupul Loo fondi alamhulk. Mootor (umbes 650 KB) laaditakse esimesel korral, seejärel töödeldakse fonti sinu seadmes.
- Võrdle suurusi jaotises Tulemus, vaata Alamhulga eelvaadet, seejärel kasuta nuppe Laadi alla TTF (või OTF) ja Laadi alla WOFF ning kopeeri CSS @font-face reegel.
Eesti keele jaoks vali vähemalt Ladina, nagu Google Fontsis: see katab tähed õ, ä, ö ja ü. Tähed š ja ž kuuluvad ladina laiendatud alamhulka (Latin Extended-A, U+0100–017F) ning eesti keele lehtedel on vaikimisi märgitud nii Ladina, nagu Google Fontsis kui ka ladina laiendatud eelseade. Sinu fondifail ei lahku kunagi sinu arvutist: seda loetakse, selle alamhulk luuakse ja see pakitakse uuesti brauseris. Midagi, mida sisestad, ei saadeta serverisse.
Mida alamhulga loomine teeb
Fondis on sageli sadu või tuhandeid glüüfe: kirillitsa, kreeka, vietnami, sümbolid, alternatiivid. Eesti- või ingliskeelne leht kasutab neist vaid osa. See tööriist käitab hb-subset‘i, HarfBuzzi tekstimootori alamhulgatööriista (sama kood, mida kasutavad Google Fonts ja paljud ehitustööriistad), kompileerituna WebAssemblyks. See säilitab sinu valitud märkide glüüfid, pluss glüüfid, mida OpenType’i funktsioonid nende kuvamiseks vajavad (ligatuurid nagu „fi“, kapiteelkiri ja täppidega vormid, kui need on sinu märkidest ligipääsetavad), ja eemaldab ülejäänud. Kerning ja muud paigutustabelid lõigatakse vastavalt vähemaks.
Tüüpilised tulemused: täielik ladina, kirillitsa ja kreeka fond suurusega 300 KB võib kahaneda 20 või 30 KB-ni eestikeelse teksti jaoks ning logofondi alamhulk ühe sõna tähtedega kaalub sageli paar kilobaiti.
Rida Fondis puuduvad loetleb märgid, mida küsisid, aga mida fondis ei ole. Brauserid joonistavad need varufondiga.
Väljundvormingud ja unicode-range
- TTF/OTF: alamhulk säilitab originaali kontuuritüübi (TrueType või CFF).
- WOFF: sama font, kus iga tabel on zlibiga pakitud. Seda loevad kõik praegused brauserid. WOFF-sisend pakitakse esmalt lahti.
- WOFF2 ei ole saadaval: selle Brotli pakkimisele ja tabelimuundustele ei ole brauseris kodeerijat ning ka WOFF2-faile ei saa siin lugeda. Teisenda WOFF2 kõigepealt TTF-iks (näiteks fontToolsiga). Sinu server võib TTF/OTF-i ka käigu pealt gzipi või Brotliga pakkida.
CSS @font-face reegel loetleb esikohal WOFF-faili, seab font-display: swap ja lisab unicode-range, mis on ehitatud alamhulgas tegelikult olemasolevatest märkidest. Reegliga unicode-range laeb brauser faili alla ainult siis, kui leht kasutab mõnda neist märkidest, nii et saad perekonna jagada mitmeks failiks (näiteks ladina ja kirillitsa) ja iga külastaja laeb ainult selle, mida vajab. Muuda font-family nime vastavaks oma stiililehes kasutatud nimele.
Korduma kippuvad küsimused
Kas fondi alamhulga loomine on seaduslik?
See sõltub litsentsist, mitte tööriistast. SIL Open Font License lubab muudatused sõnaselgelt; kui font deklareerib reserveeritud fondinime, tuleb muudetud versiooni levitada teise nime all. Paljud kommertslitsentsid keelavad fondi muutmise, teisendamise või isehostimise. Kahtluse korral küsi fondivalmistajalt.
Miks on alamhulk suurem, kui ootasin?
OpenType’i paigutusfunktsioonid toovad kaasa lisaglüüfe (ligatuurid, alternatiivid, kapiteelkiri) ning hinting-käsud võivad TrueType-fontides olla suured. Proovi valikut Eemalda hinting ja kontrolli, et sa ei märkinud kogemata suurt eelseadet.
Kas peaksin hintingu eemaldama?
Hinting parandab renderdust väikestes suurustes Windowsis vanemate rasterdajatega. macOS-is, iOS-is, Androidis ja kaasaegses Windowsis tavasuurustes on vahe väike. Pealkirjade ja logode puhul on selle eemaldamine tavaliselt sobiv.
Kas saab luua muutuva fondi alamhulga?
Saab. Variatsioonitelgi säilitatakse, seega jääb alamhulk muutuvaks; vähendatakse ainult märke.
Mis saab fondikogudest (.ttc)?
Alamhulk luuakse ainult kogu esimesest fondist.
Seotud tööriistad
- Fondipaaride eelvaade Eelvaata pealkirja ja põhiteksti fondipaare 20 avaliku litsentsiga fondiga, kohanda suurust ja reakõrgust ning kopeeri CSS-i font-family virnad.
- PX-REM muundur Teisenda px rem-iks ja em-iks mis tahes juurelemendi fondisuurusega, koosta hulgiteisenduse tabel ja muuda CSS-i lõigu kõik px väärtused ühe klõpsuga rem-ideks.
- CSS-i vormindaja ja minimeerija Kaunista segane CSS puhta taandega või minimeeri see csso-ga ning vaata mahtu enne ja pärast. Töötab sinu brauseris, midagi ei saadeta serverisse.