TTF til WOFF2-konverter

Vil du hoste en skrifttype selv, starter du her: WOFF2 er det format, alle nuværende browsere henter først, og det er den mindste indpakning af de TrueType-data, du allerede har. Siden skriver også den CSS-regel, der indlæser skrifttypen.

eller slip TTF, OTF, WOFF …-filer her ·

Maks. 95 MB pr. fil· Op til 20 filer· Slettes efter 30 minutter

Output

Konvertér til

Filer behandles på vores servere og slettes efter 30 minutter.

Sådan bruger du værktøjet

1
Upload TTF-filerne
Tilføj alle de skriftsnit og typografier, du vil bruge, op til 20 filer på hver op til 95 MB. Variable TTF-filer virker også og beholder deres akser.
2
Behold CSS slået til, og lav et delsæt, hvis du kan
Medtag @font-face-CSS er allerede slået til. Under Avancerede indstillinger kan du sætte Bevar tegn til Basic Latin eller Latin + accenter, hvis dit website er på et vesteuropæisk sprog, og overveje at sætte Hinting til Fjern.
3
Konvertér til WOFF2
Tryk på Konvertér til WOFF2, og download skrifttyperne sammen med .css-filen. Upload begge dele til dit website, og link til stylesheetet, eller indsæt reglen i dit eget.

Svar

Hvordan konverterer jeg TTF til WOFF2 til mit website?

Upload .ttf-filen, lad Medtag @font-face-CSS være slået til, og tryk på Konvertér til WOFF2. Du får .woff2-filen samt en .css-fil med en @font-face-regel, der peger på den.

Derfor er WOFF2 det webfontformat, du skal bruge

En TTF er ukomprimerede tabeldata: konturer, mål, kerning og navne. WOFF2, udgivet som W3C-anbefaling i 2018, beholder præcis de samme tabeller, men kører dem gennem Brotli, den komprimeringsalgoritme Google udgav i 2015, efter først at have omorganiseret glyffernes konturer, så de komprimerer bedre. Googles egne tests viste, at WOFF2 i gennemsnit er cirka 30 % mindre end det ældre WOFF-format, og browseren gendanner de oprindelige skrifttypedata efter download, så bogstavernes former ikke ændres.

Skrifttyper blokerer visningen, så deres størrelse betyder mere, end kilobytes antyder. Indtil en webskrifttype er hentet, skjuler browseren enten teksten eller viser en reserveskrifttype, og et sent skift kan flytte layoutet. Mindre filer gør det vindue smallere, og to indstillinger her gør det endnu smallere: Bevar tegn fjerner glyffer, dine sider aldrig viser, og Hinting sat til Fjern fjerner instruktioner, som telefoner og skærme med høj tæthed alligevel ignorerer. Behold TTF-originalerne til brug på computeren; WOFF2 til TTF kan pakke en webskrifttype ud senere, men kan ikke gendanne glyffer, som en delmængde har fjernet.

Filstørrelse: TTF vs. WOFF2

TTF, fuldt tegnsæt

100%

Ukomprimerede skrifttypetabeller, som de installeres på en computer

Typisk for en tekstskrifttype med flere skriftsystemer

WOFF2, delmængde med Basic Latin

ofte 10–25 %

Brotli-komprimering plus færre glyffer; varierer med skrifttypen

@font-face-reglen for en WOFF2-skrifttype

Eksempelregel; erstat navnene, og fjern unicode-range, hvis du ikke har lavet en delmængde

@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

Browserunderstøttelse af WOFF2, version for version

2014
Chrome 36
Googles browser er den første, der som standard afkoder WOFF2.
2015
Firefox 39
Mozilla aktiverer WOFF2-afkodning som standard.
2016
Edge 14
Microsofts oprindelige Edge får WOFF2 med Windows 10 Anniversary Update.
2018
W3C-anbefaling
Specifikationen er færdig; på det tidspunkt afkoder Safari på macOS og iOS også WOFF2.

TTF

TrueType-skrifttype

TTF er TrueType-skrifttypeformatet, som Apple udviklede i slutningen af 1980'erne og udgav i 1991, og som siden blev licenseret til Microsoft. Det beskriver tegnenes konturer med kvadratiske kurver og indeholder hinting-instruktioner, der gør tekst skarp på skærme. TrueType understøttes af alle operativsystemer til computere, tekstbehandlingsprogrammer og designapps. Det mangler nogle af OpenType's avancerede typografiske funktioner og er større end webskrifttypeformater.

Komprimering: Uden tab
Gennemsigtighed: –
Animation: –
Introduceret: 1991 · Apple

TTF-konverter

WOFF2

Web Open Font Format 2

WOFF2 er anden version af Web Open Font Format, baseret på Googles Brotli-komprimering og udgivet som W3C-anbefaling i 2018. Filerne er omkring 30 % mindre end WOFF, hvilket får sider til at indlæses hurtigere. Alle moderne browsere understøtter WOFF2, og det er det anbefalede format til webskrifttyper. Operativsystemer til computere og designapps kan ikke installere det direkte.

Komprimering: Uden tab
Gennemsigtighed: –
Animation: –
Introduceret: 2018 · W3C (Google)

WOFF2-konverter

TTF til WOFF2 pakker en skrifttype til computere i den Brotli-komprimerede container, som browsere foretrækker, så de samme glyffer når besøgende i færre bytes. Den omvendte side findes til dem, der skal installere en skrifttype, de har fundet på nettet.

Ofte stillede spørgsmål om TTF til WOFF2

Skal jeg stadig have en TTF- eller WOFF-reserve ved siden af WOFF2?

På offentlige websites i dag normalt ikke. Chrome, Edge, Firefox og Safari har kunnet læse WOFF2 i årevis, og de få browsere, der ikke kan, som Internet Explorer 11, er sjældent en ekstra fil værd. Tilføj output fra TTF til WOFF som en ekstra src-post, hvis dine statistikker viser den slags besøgende.

Hvorfor er min WOFF2-skrifttype stadig over 100 KB?

Komprimering formindsker kun, hvordan glyfferne er gemt, ikke hvor mange der er. En skrifttype, der dækker latin, kyrillisk, græsk og vietnamesisk, indeholder dem alle. Det er en delmængde med kun de skriftsystemer, du faktisk viser, der får en tekstskrifttype ned på nogle få titusinder af kilobyte.

Hvad gør font-display: swap?

Den får browseren til straks at vise tekst i en reserveskrifttype og skifte til din webskrifttype, når den er hentet, i stedet for at skjule teksten under download. Tilføj den til din @font-face-regel som i eksemplet ovenfor, eller brug optional, hvis du hellere vil undgå et sent skift på langsomme forbindelser.

Kan jeg konvertere en TTF fra Google Fonts til WOFF2 og hoste den selv?

Ja. Skrifttyper fra Google Fonts udgives under SIL Open Font License eller Apache License, og begge tillader konvertering og selvhosting. Når du hoster filen selv, undgår du også en forespørgsel til en tredjepartsserver.

Virker WOFF2 i nyhedsbreve via e-mail?

Kun i nogle klienter. Apple Mail og iOS Mail indlæser webskrifttyper via @font-face, mens Gmail og de fleste Outlook-versioner ignorerer dem og viser din reserveskrifttype. Angiv altid en sikker systemskrifttype i skrifttypelisten i en e-mail.

TTF til WOFF2-konverter

Skrifttypekonverter

Sådan bruger du værktøjet

Upload TTF-filerne

Behold CSS slået til, og lav et delsæt, hvis du kan

Konvertér til WOFF2