@font-face Generator Webfont
Zmienne fonty, WOFF2 i CSS w jednym kliknięciu
Wrzuć swoje pliki TTF, OTF, WOFF lub WOFF2 — w tym zmienne fonty — wybierz swoje ustawienia i pobierz gotowy do hostowania pakiet z WOFF2, WOFF, kompletnym stylesheet.css i stroną demo.
Upuść czcionki tutaj lub kliknij, aby przeszukać
TTF, OTF, WOFF, WOFF2 i zmienne fonty — dozwolone wiele plików
Wybrane czcionki
Ustawienia konwersji
To jest nazwa, której użyjesz w swoim CSS, jak font-family: 'MyName';. Pozostaw puste, aby zachować oryginalną nazwę rodziny czcionki z pliku.
Kontroluje, jak tekst jest wyświetlany podczas ładowania webfont.
Ścieżka używana wewnątrz url(...) w wygenerowanym arkuszu stylów.
Wskazówka: naciśnij Ctrl+Enter, aby wygenerować.
Twój pakiet webfont jest gotowy
ZIP zawiera: przekonwertowane czcionki, stylesheet.css i stronę demo.html.
100% po stronie klienta
Konwersja odbywa się całkowicie w Twojej przeglądarce przy użyciu WebAssembly. Twoje czcionki nigdy nie są przesyłane.
Zmienne fonty i wszystkie formaty
TTF, OTF, WOFF i WOFF2 w — zoptymalizowane WOFF2 na wyjściu, z pełnym wsparciem dla osi zmiennych fontów (wght, wdth, slnt, ital).
Gotowy do produkcji wynik
Wysyła stylesheet.css z odpowiednim font-display, opcjonalnym local() i demo.html, abyś mógł wrzucić pakiet bezpośrednio do swojego projektu.
Czym jest generator webfont?
Generator fontów internetowych przekształca pliki fontów desktopowych lub pobranych (TTF, OTF, WOFF, WOFF2 — w tym nowoczesne zmienne fonty) w formaty, które przeglądarki mogą załadować przez internet — głównie WOFF2 dzisiaj, z WOFF jako zapasowym rozwiązaniem — i produkuje odpowiadające deklaracje CSS @font-face, abyś mógł samodzielnie hostować typografię swojej strony internetowej.
Dlaczego samodzielnie hostować czcionki?
Samodzielne hostowanie daje pełną kontrolę nad wydajnością, prywatnością i niezawodnością. Nie ma zapytania do Google Fonts (przydatne dla RODO), żadnego dodatkowego wyszukiwania DNS, możesz wstępnie załadować plik i decydujesz dokładnie, które wagi, style i osie są wysyłane z Twoją stroną.
Jak działa konwersja
WOFF2 owija Twoje kontury TTF/OTF w kontener skompresowany za pomocą Brotli, zaprojektowany specjalnie dla sieci — zazwyczaj 30% mniejszy niż WOFF i ponad 50% mniejszy niż surowy TTF. WOFF to starszy kontener skompresowany z użyciem zlib, utrzymywany jako zapasowe rozwiązanie dla bardzo starych przeglądarek. Nasz generator uruchamia oficjalny enkoder i dekoder WOFF2 Google'a skompilowany do WebAssembly, więc konwersja odbywa się lokalnie w Twojej przeglądarce. Wrzucasz WOFF2 pobrany z Google Fonts, a my przezroczysto dekodujemy go z powrotem do kontenera sfnt przed ponownym kodowaniem — nigdy nie musisz szukać oryginalnego TTF.
Co otrzymujesz w pakiecie
- Czcionki w WOFF2 (i opcjonalnie WOFF/TTF) dla każdego przesłanego kroju — w tym zmienne fonty utrzymywane jako jeden mały plik.
- Kompletny stylesheet.css z jedną regułą @font-face na plik, poprawne wskazówki format(), zakresy font-weight, font-style, font-stretch, font-display i opcjonalne local().
- Strona demo.html, abyś mógł podglądać każdą wagę, styl i oś w różnych rozmiarach przed uruchomieniem.
- Opcjonalne osadzanie Base64, aby wysłać czcionkę w linii w swoim CSS dla scenariuszy offline-first lub jednego pliku.
Prywatność i licencjonowanie
Pliki nigdy nie opuszczają Twojego urządzenia — wszystko jest przetwarzane w Twojej przeglądarce. Zawsze upewnij się, że licencja Twojej czcionki pozwala na osadzanie webfont przed opublikowaniem jej na swojej stronie internetowej.