Webfont-generator

Verpak lettertypebestanden met kant-en-klare CSS en een HTML-voorbeeldpagina.

Interactieve werkruimteWijzigingen blijven op dit apparaat staan
Lettertypebestanden
Naam van CSS-lettertypefamilie
Inhoud bundel
    Geselecteerde lettertypen verschijnen hier.

    De kit bevat uw browserklare lettertypebestanden, @font-face CSS, een voorbeeld en installatie-opmerkingen.

    Standaard privéUw invoer en bestanden worden op dit apparaat verwerkt.
    Gratis en directGeen account, wachtrij of software-installatie vereist.
    Klaar voor gebruikKopieer of download resultaten zodra ze worden gegenereerd.

    Hoe te gebruiken Webfont-generator

    Behaal een betrouwbaar resultaat in drie eenvoudige stappen.

    1. 01

      Kies lettertypebestanden

      Voeg een of meer gelicentieerde browsercompatibele lettertypebestanden toe.

    2. 02

      Stel de familienaam in

      Gebruik de CSS-naam die in uw stylesheets moet verschijnen.

    3. 03

      Download de kit

      Ontvang een ZIP met lettertypen, @font-face CSS, voorbeeld-HTML en installatie-opmerkingen.

    Gebouwd voor dagelijks werk

    Handig zonder de drukte

    Gerichte controles, directe feedback en geen rekening tussen jou en het resultaat.

    Volledige mappenstructuur

    Gegenereerde URL's komen overeen met de meegeleverde lettertypemap.

    Meerdere gewichten

    Verpak een familie lettertypebestanden in één inzetbare kit.

    Voorbeeldpagina

    Open het meegeleverde HTML-bestand om het laden te verifiëren en voorbeelden van glyphs te bekijken.

    Praktische gids

    Wat is Webfont-generator?

    Een webfont-kit combineert in de browser laadbare lettertypebestanden met @font-face CSS die de familie, het bronformaat, de stijl, het gewicht en het laadgedrag benoemt. Door deze onderdelen bij elkaar te houden, worden kapotte lettertype-URL's tijdens de implementatie voorkomen.

    Deze generator verpakt bestaande TTF-, OTF-, WOFF- en WOFF2-bestanden; het verandert de glyph-contouren niet en fabriceert geen geconverteerde formaten. WOFF2 is meestal het beste bezorgformaat als u al een gelicentieerd exemplaar heeft.

    Praktische toepassingen

    Wanneer moet u dit hulpmiddel gebruiken?

    Gemeenschappelijke manieren Webfont-generator past in echte projecten en dagelijkse taken.

    1

    Zelfgehoste typografie

    Implementeer merklettertypen zonder afhankelijk te zijn van een CDN van derden.

    2

    Ontwerp systemen

    Creëer een consistent startpakket voor applicatieteams.

    3

    Lettertype QA

    Bekijk voorbeelden van bestanden en bevestig hun gezinsconfiguratie.

    4

    Offline projecten

    Bundeltype assets voor lokale interfaces en documentatie.

    Blijf werken

    Gerelateerde hulpprogramma's

    Ga verder met een andere gerichte browsertool.

    Lettertype-hulpprogramma

    TTC-uitpakker

    Extraheer individuele TTF- of OTF-lettertypen lokaal uit TrueType Collection-bestanden.

    Gereedschap openen     Ontwerphulpprogramma

    Kleurconverter

    Converteer kleuren tussen HEX, RGB en HSL met een live preview.

    Gereedschap openen     Inhoud hulpprogramma

    Lorem Ipsum-generator

    Genereer tijdelijke paragrafen, zinnen of woorden voor uw volgende lay-out.

    Gereedschap openen
    JSON-formatterFormatteer en valideer JSONCSV naar JSONConverteer gestructureerde gegevensBase64-converterCodeer en decodeer Base64KleurconverterConverteer HEX, RGB en HSLLorem IpsumGenereer een tijdelijke kopieCase-converterTransformeer tekstomhulselWachtwoordgeneratorMaak veilige wachtwoordenUnicode-tekstUnicode-tekens inspecterenWoordtellerAnalyseer tekst en trefwoordenVerschilcontroleVergelijk tekst regel voor regelURL-encoderCodeer en decodeer URL'sHasjgeneratorGenereer veilige hashesRegex-testerReguliere expressies testenTTC-uitpakkerPak TTC-lettertypebestanden uit
    Nuttige antwoorden

    Veelgestelde vragen

    Snelle antwoorden over webfont-generator en hoe deze pagina werkt.

    Converteert dit TTF naar WOFF2?

    Nee. Het verpakt de browsercompatibele bestanden die u aanlevert met CSS en een voorbeeld.

    Welk formaat is het beste voor websites?

    WOFF2 biedt over het algemeen de beste moderne webcompressie, waarbij andere formaten worden gebruikt afhankelijk van de compatibiliteitsbehoeften.

    Kan ik meerdere gewichten meenemen?

    Ja. Aan bestanden worden progressieve gewichtswaarden toegewezen in de starter-CSS, die u kunt aanpassen aan de daadwerkelijke familie.

    Kan elk lettertype door uzelf worden gehost?

    Nee. Controleer de licentie van het lettertype voordat u het distribueert of insluit.