Nënmbledhës fontesh
Nënmblidh një font te karakteret që të duhen me HarfBuzz, në shfletues. Merr TTF/OTF e WOFF më të vogël, parapamje dhe rregull @font-face me unicode-range.
Kontrollo së pari licencën e fontit
Nënmbledhja e modifikon skedarin e fontit. Shumë licenca tregtare e ndalojnë modifikimin ose konvertimin e fonteve, ose e lejojnë vetëm për përdorim në uebin me kushte. Licencat e hapura si SIL Open Font License (OFL) dhe Apache 2.0 e lejojnë (me OFL, një nënmbledhje që mban një Reserved Font Name duhet të riemërtohet). Lexo licencën e fontit tënd para se ta publikosh rezultatin.
Fonti origjinal
- Familja
- Formati
- Madhësia e skedarit
- Glife
- Karaktere
Karaktere të zgjedhura: 0
Rezultati
- Përpara
- Pas (TTF/OTF)
- Pas (WOFF)
- Kursimi
- Glife
- Karaktere të mbajtura
Dalja WOFF2 nuk është e disponueshme (nuk ka koduesin Brotli në shfletues). WOFF mbështetet nga çdo shfletues i sotëm; serveri yt mund ta kompresojë edhe TTF/OTF me gzip ose Brotli.
Pamja paraprake e nënmbledhjes
Karakteret që u hoqën shfaqen me një font tjetër rezervë.
CSS @font-face
Si ta nënmbledhësh një font
- Kontrollo licencën. Nënmbledhja krijon një kopje të modifikuar të fontit. Licencat e hapura si SIL Open Font License (OFL) dhe Apache 2.0 e lejojnë; shumë licenca tregtare për desktop e uebin nuk e lejojnë, ose vetëm me kushte. Lexo së pari licencën e fontit tënd.
- Lësho një skedar TTF, OTF ose WOFF në zonën e hedhjes, ose kliko mbi të për të zgjedhur një. Paneli Fonti origjinal tregon familjen, formatin, madhësinë e skedarit, numrin e glifeve dhe numrin e karaktereve që harton fonti.
- Zgjidh Karakteret që mbahen: Latinishte bazë, Latin-1, Latinishte, si në Google Fonts, Frëngjisht dhe Shifra dhe shenja numrash mund të kombinohen. Shto karakteret e tua te Karaktere nga një tekst (mbahet çdo karakter i veçantë i tekstit) ose te Intervale Unicode, të shkruara si në CSS:
U+0020-007E, U+2013, U+04??. - Shëno Hiq hinting-un nëse do skedarin sa më të vogël.
- Kliko Nënmblidh fontin. Motori (rreth 650 KB) ngarkohet herën e parë, pastaj fonti përpunohet në pajisjen tënde.
- Krahaso madhësitë te Rezultati, shiko Pamjen paraprake të nënmbledhjes, pastaj përdor Shkarko TTF (ose OTF) dhe Shkarko WOFF, dhe kopjo rregullin CSS @font-face.
Skedari i fontit nuk del kurrë nga kompjuteri yt: lexohet, nënmblidhet dhe ripaketohet në shfletues.
Çfarë bën nënmbledhja
Një font shpesh përmban qindra ose mijëra glife: cirilik, greqisht, vietnamisht, simbole, alternativa. Një faqe e shkruar në shqip, anglisht ose frëngjisht përdor vetëm një pjesë të tyre. Ky mjet ekzekuton hb-subset, nënmbledhësin e motorit të tekstit HarfBuzz (i njëjti kod që përdorin Google Fonts dhe shumë mjete ndërtimi), i kompiluar në WebAssembly. Mban glifet për karakteret që zgjodhe, plus glifet që i duhen tiparet OpenType për t’i shfaqur (ligatura si “fi”, kapitelet e vogla dhe format me shenja diakritike kur arrihen nga karakteret e tua), dhe heq pjesën tjetër. Kerning-u dhe tabelat e tjera të faqosjes shkurtohen për t’u përputhur.
Rezultate tipike: një font i plotë latin + cirilik + greqisht prej 300 KB mund të zbresë në 20 ose 30 KB për tekst shqip ose frëngjisht, dhe një font logoje i nënmbledhur te shkronjat e një fjale të vetme shpesh peshon disa kilobajt.
Rreshti Nuk janë në font rendit karakteret që kërkove por që fonti nuk i ka. Shfletuesit do t’i vizatojnë me një font rezervë.
Për shqipen mjafton Latin-1: përfshin ë (U+00EB), ç (U+00E7) dhe shkronjat e tyre të mëdha Ë dhe Ç, si dhe shenjat e zakonshme të pikësimit.
Formatet e daljes dhe unicode-range
- TTF/OTF: nënmbledhja ruan llojin e skicës së origjinalit (TrueType ose CFF).
- WOFF: i njëjti font me çdo tabelë të kompresuar me zlib. Çdo shfletues i sotëm e lexon. Një hyrje WOFF dekompresohet fillimisht.
- WOFF2 nuk është i disponueshëm: kompresimi i tij Brotli dhe transformimet e tabelave nuk kanë kodues në shfletues, dhe skedarët WOFF2 nuk lexohen as këtu. Konverto më parë WOFF2 në TTF (për shembull me fontTools). Serveri yt mund ta kompresojë TTF/OTF edhe me gzip ose Brotli menjëherë.
Rregulli CSS @font-face rendit së pari skedarin WOFF, vendos font-display: swap dhe shton një unicode-range të ndërtuar nga karakteret që janë realisht në nënmbledhje. Me unicode-range, shfletuesi e shkarkon skedarin vetëm kur faqja përdor një nga ato karaktere, kështu mund ta ndash një familje në disa skedarë (për shembull latin dhe cirilik) dhe ta lësh çdo vizitor të ngarkojë vetëm çfarë i duhet. Ndrysho emrin font-family që të përputhet me emrin e përdorur në stilesheetin tënd.
Pyetje të shpeshta
A është e ligjshme të nënmblidhet një font?
Varet nga licenca, jo nga mjeti. SIL Open Font License i lejon shprehimisht modifikimet; nëse fonti deklaron një Reserved Font Name, një version i modifikuar duhet të shpërndahet me emër tjetër. Shumë licenca tregtare e ndalojnë modifikimin, konvertimin ose strehimin vetjak të fontit. Në rast dyshimi, pyet shtëpinë e fonteve.
Pse nënmbledhja del më e madhe sesa pritja?
Tiparet e faqosjes OpenType tërheqin glife shtesë (ligatura, alternativa, kapitele të vogla), dhe udhëzimet e hinting-ut mund të jenë të mëdha te fontet TrueType. Provo Hiq hinting-un, dhe kontrollo që nuk ke shënuar gabimisht një gatishmëri të madhe.
A duhet ta heq hinting-un?
Hinting-u përmirëson vizatimin me madhësi të vogla në Windows me rasterizues më të vjetër. Në macOS, iOS, Android dhe Windows modern me madhësi normale, dallimi është i vogël. Për tituj dhe logo, heqja zakonisht është në rregull.
A mund të nënmbledh një font të ndryshueshëm?
Po. Aksët e variacionit ruhen, kështu nënmbledhja mbetet e ndryshueshme; zvogëlohen vetëm karakteret.
Po koleksionet e fonteve (.ttc)?
Nënmblidhet vetëm fonti i parë i koleksionit.
Mjete të ngjashme
- Parapamje e çiftimit të fonteve Shiko çiftimet e fonteve për tituj e tekst me 20 fonte me licencë të hapur, rregullo madhësinë dhe lartësinë e rreshtit dhe kopjo vargjet CSS font-family.
- Konvertues PX në REM Konverto px në rem dhe em me çdo madhësi shkronje rrënjë, ndërto një tabelë konvertimi në masë dhe kthe çdo vlerë px të një copëze CSS në rem me një klik.
- Formatuesi dhe minifikuesi i CSS Bukuro CSS-in e çrregullt me shtyrje të pastër ose minifikoje me csso, dhe shih madhësinë para dhe pas. Funksionon në shfletuesin tënd; asgjë nuk ngarkohet.