TTF til WOFF2-konverter

Vil du hoste en font selv, begynner du her: WOFF2 er formatet alle dagens nettlesere laster ned først, og det er den minste innpakningen for TrueType-dataene du allerede har. Siden skriver også CSS-regelen som laster fonten.

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

Maks 95 MB per fil· Opptil 20 filer· Slettes etter 30 minutter

Utdata

Konverter til

Filene behandles på serverne våre og slettes etter 30 minutter.

Slik bruker du dette verktøyet

1
Last opp TTF-filene
Legg til alle skriftvekter og stiler du skal bruke, opptil 20 filer på opptil 95 MB hver. Variable TTF-er fungerer også og beholder aksene sine.
2
La CSS stå på, og lag delsett om mulig
Ta med @font-face-CSS er allerede avkrysset. Under Avanserte innstillinger setter du Behold tegn til Basic Latin eller Latin + aksenter hvis nettstedet ditt er på et vestlig språk, og du kan vurdere å sette Hinting til Fjern.
3
Konverter til WOFF2
Trykk Konverter til WOFF2 og last ned fontene sammen med .css-filen. Last opp begge til nettstedet ditt og lenk til stilarket, eller lim regelen inn i ditt eget.

Svar

Hvordan konverterer jeg TTF til WOFF2 for nettstedet mitt?

Last opp .ttf-filen, la Ta med @font-face-CSS være avkrysset og trykk Konverter til WOFF2. Du får .woff2-filen pluss en .css-fil med en @font-face-regel som peker til den.

Hvorfor WOFF2 er webfontformatet du bør bruke

En TTF er ukomprimerte tabelldata: konturer, mål, kerning, navn. WOFF2, publisert som W3C-anbefaling i 2018, beholder nøyaktig de samme tabellene, men kjører dem gjennom Brotli, komprimeringsalgoritmen Google ga ut i 2015, etter først å ha omorganisert glyfkonturene slik at de komprimeres bedre. Googles egne tester fant at WOFF2 i gjennomsnitt er omtrent 30 % mindre enn det eldre WOFF-formatet, og nettleseren gjenoppretter de opprinnelige fontdataene etter nedlasting, så ingenting ved bokstavformene endres.

Fonter blokkerer gjengivelsen, så størrelsen betyr mer enn kilobytene tilsier. Før en nettfont er på plass, skjuler nettleseren enten teksten eller viser en reservefont, og et sent bytte kan flytte på layouten. Mindre filer snevrer inn dette tidsrommet, og to alternativer her gjør det enda smalere: Behold tegn fjerner glyfer sidene dine aldri viser, og Hinting satt til Fjern dropper instruksjoner som mobiler og skjermer med høy tetthet uansett ignorerer. Behold TTF-originalene til skrivebordsbruk; WOFF2 til TTF kan pakke ut en nettfont senere, men kan ikke gjenopprette glyfer som et delsett har fjernet.

Filstørrelse: TTF mot WOFF2

TTF, fullt tegnsett

100%

Ukomprimerte fonttabeller, slik de installeres på en datamaskin

Typisk for en tekstfont med flere skrifter

WOFF2, Basic Latin-delsett

ofte 10–25 %

Brotli-komprimering pluss færre glyfer; varierer med fonten

@font-face-regelen for en WOFF2-font

Eksempelregel; bytt ut navnene, og fjern unicode-range hvis du ikke laget delsett

@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;
}

WOFF2-støtte i nettlesere, versjon for versjon

2014
Chrome 36
Googles nettleser er den første som dekoder WOFF2 som standard.
2015
Firefox 39
Mozilla slår på WOFF2-dekoding som standard.
2016
Edge 14
Microsofts opprinnelige Edge får WOFF2 med Windows 10 Anniversary Update.
2018
W3C-anbefaling
Spesifikasjonen er ferdigstilt; da dekoder også Safari på macOS og iOS WOFF2.

TTF

TrueType-skrift

TTF er skriftformatet TrueType, utviklet av Apple på slutten av 1980-tallet og lansert i 1991, deretter lisensiert til Microsoft. Det definerer glyfkonturer med kvadratiske kurver og har hinting-instruksjoner som gjør at tekst ser skarp ut på skjerm. TrueType støttes av alle skrivebordsoperativsystemer, tekstbehandlere og designprogrammer. Det mangler noen av de avanserte typografiske funksjonene i OpenType og er større enn nettskriftformatene.

Komprimering: Tapsfri
Gjennomsiktighet: –
Animasjon: –
Introdusert: 1991 · Apple

TTF-konverterer

WOFF2

Web Open Font Format 2

WOFF2 er andre versjon av Web Open Font Format, basert på Googles Brotli-komprimering og publisert som W3C-anbefaling i 2018. Filene er omtrent 30 % mindre enn WOFF, noe som gjør at sider laster raskere. Alle moderne nettlesere støtter WOFF2, og det er det anbefalte formatet for nettskrifter. Skrivebordsoperativsystemer og designprogrammer kan ikke installere det direkte.

Komprimering: Tapsfri
Gjennomsiktighet: –
Animasjon: –
Introdusert: 2018 · W3C (Google)

WOFF2-konverterer

TTF til WOFF2 pakker en skrivebordsfont inn i den Brotli-komprimerte beholderen nettlesere foretrekker, slik at de samme glyfene når besøkende i færre byte; motsatt side finnes for dem som må installere en font de fant på nettet.

Vanlige spørsmål om TTF til WOFF2

Trenger jeg fortsatt TTF eller WOFF som reserve ved siden av WOFF2?

For offentlige nettsteder i dag er det vanligvis ikke nødvendig. Chrome, Edge, Firefox og Safari har støttet WOFF2 i årevis, og de få nettleserne som ikke gjør det, som Internet Explorer 11, er sjelden verdt en ekstra fil. Ta bare med TTF til WOFF som en ekstra src-oppføring hvis statistikken din viser slike besøkende.

Hvorfor er WOFF2-fonten min fortsatt over 100 KB?

Komprimering krymper bare hvordan glyfene lagres, ikke hvor mange det er. En font som dekker latinsk, kyrillisk, gresk og vietnamesisk leverer alle sammen. Å lage et delsett med skriftene du faktisk viser, er det som får en tekstfont ned på noen titalls kilobyte.

Hva gjør font-display: swap?

Den ber nettleseren vise teksten i en reservefont med en gang og bytte til nettfonten når den er lastet inn, i stedet for å skjule teksten mens den lastes ned. Legg den til i @font-face-regelen som i eksempelet over, eller bruk optional hvis du heller vil unngå et sent bytte på trege tilkoblinger.

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

Ja. Google Fonts-familier er utgitt under SIL Open Font License eller Apache License, og begge tillater konvertering og egen hosting. Når du hoster filen selv, slipper du også en forespørsel til en tredjepartsserver.

Fungerer WOFF2 i nyhetsbrev på e-post?

Bare i noen klienter. Apple Mail og iOS Mail laster nettfonter via @font-face, mens Gmail og de fleste Outlook-versjoner ignorerer dem og viser reservefonten din. List alltid opp en trygg systemfont i fontstakken i en e-post.

TTF til WOFF2-konverter

Skriftkonverterer

Slik bruker du dette verktøyet

Last opp TTF-filene

La CSS stå på, og lag delsett om mulig

Konverter til WOFF2