TTF-i WOFF2-yə çevirmək
Şrifti öz serverinizdə yerləşdirmək buradan başlayır: WOFF2 bütün müasir brauzerlərin ilk növbədə endirdiyi formatdır və artıq əlinizdə olan TrueType məlumatları üçün ən yığcam qabıqdır. Bu səhifə onu yükləyən CSS qaydasını da yazır.
Şrift çevirici
və ya TTF, OTF, WOFF … faylları bura sürüşdürün ·
Hər fayl üçün maks. 95 MB· 20 fayla qədər· 30 dəqiqədən sonra silinir
Fayllar serverlərimizdə emal olunur və 30 dəqiqədən sonra silinir.
İstifadə etmədiyiniz yazıları silmək veb şrifti yüzlərlə KB-dan 30 KB-dan aşağıya endirə bilər. Kompüterə quraşdırdığınız şriftlər üçün bütün simvolları saxlayın.
Şriftin əhatə etməli olduğu mətni və ya simvolları yapışdırın, məsələn loqo sözü və ya başlıq. Qalan hər şey silinir.
Hintlər Windows ekranlarında kiçik mətni kəskinləşdirir. Onları silmək veb şriftlərdə tez-tez 10–30% qazandırır; avto-hint hintləri olmayan şriftlərə əlavə edir.
Orijinalı saxlamaq üçün boş buraxın. Adı dəyişmək çevrilmiş şrifti orijinalın yanında münaqişəsiz quraşdırmağa imkan verir.
Məsələn, Regular, Bold, Italic. Orijinal üslub adını saxlamaq üçün boş buraxın.
Bu alətdən necə istifadə etməli
- 1
TTF fayllarını yükləyin
İstifadə etməyi planlaşdırdığınız bütün qalınlıq və üslubları əlavə edin: 20-yə qədər fayl, hər biri 95 MB-a qədər. Dəyişən TTF-lər də işləyir və oxlarını saxlayır.
- 2
CSS-i aktiv saxlayın, mümkünsə alt dəst seçin
@font-face CSS daxil et artıq işarələnib. Əlavə ayarlar bölməsində saytınız Qərb dilindədirsə, Saxlanılacaq simvollar parametrini Basic Latin və ya Latin + durğu işarələri (aksentlər) seçin, Hintinq parametrini isə Remove etməyi düşünün.
- 3
WOFF2-yə çevirin
WOFF2 formatına çevir düyməsini basın və şriftləri .css faylı ilə birlikdə endirin. Hər ikisini saytınıza yükləyin və stil faylını əlavə edin ya da qaydanı öz CSS-inizə köçürün.
Saytım üçün TTF-i WOFF2-yə necə çevirim?
Şrifti (.ttf) yükləyin, @font-face CSS daxil et işarəli qalsın və WOFF2 formatına çevir düyməsini basın. .woff2 faylı və ona istinad edən @font-face qaydası olan .css faylı alacaqsınız.
Niyə veb şrift kimi WOFF2 təqdim etmək lazımdır
TTF sıxılmamış cədvəl məlumatlarıdır: konturlar, metrikalar, kerninq, adlar. 2018-də W3C Tövsiyəsi kimi dərc olunan WOFF2 eyni cədvəlləri saxlayır, lakin əvvəlcə qlif konturlarını daha yaxşı sıxılacaq şəkildə yenidən təşkil edib Google-un 2015-də təqdim etdiyi Brotli alqoritmindən keçirir. Google-un öz testləri WOFF2-nin köhnə WOFF formatından orta hesabla təxminən 30% kiçik olduğunu göstərib, yüklənəndən sonra brauzer orijinal şrift məlumatlarını bərpa edir, ona görə hərflərin forması dəyişmir.
Şriftlər göstərilməni blok edir, buna görə ölçüləri kilobaytların göstərdiyindən daha vacibdir. Veb şrift gələnə qədər brauzer mətni ya gizlədir, ya ehtiyat şriftlə göstərir, gec dəyişmə isə yerləşməni sürüşdürə bilər. Kiçik fayllar bu müddəti qısaldır, buradakı iki parametr isə daha da qısaldır: Saxlanılacaq simvollar səhifələrinizdə heç vaxt görünməyən qlifləri silir, Hintinq parametrinin Remove seçimi isə telefonların və yüksək sıxlıqlı ekranların onsuz da nəzərə almadığı təlimatları çıxarır. Masaüstü üçün TTF mənbələrini saxlayın; WOFF2-ni TTF-ə çevirmək veb şrifti sonra aça bilər, amma alt çoxluğun sildiyi qliflləri qaytara bilməz.
TTF və WOFF2 fayl ölçüsü müqayisəsi
TTF, tam simvol dəsti
100%
Masaüstündə quraşdırıldığı kimi sıxılmamış şrift cədvəlləri
WOFF2, Basic Latin alt çoxluğu
çox vaxt 10–25%
Brotli sıxması və daha az qlif; şrifdən asılı olaraq dəyişir
WOFF2 şrifti üçün @font-face qaydası
@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;
}Brauzerlərdə WOFF2 dəstəyi, versiyalar üzrə
2014
Chrome 36
Google-un brauzeri WOFF2-ni susmaya görə deşifrə edən ilk brauzer olur.
2015
Firefox 39
Mozilla WOFF2 deşifrəsini susmaya görə aktiv edir.
2016
Edge 14
Microsoft-un ilk Edge brauzeri Windows 10 Anniversary Update ilə WOFF2 dəstəyi əlavə edir.
2018
W3C Tövsiyəsi
Spesifikasiya yekunlaşır; həmin vaxta qədər macOS və iOS-da Safari də WOFF2-ni deşifrə edir.
TTF
TrueType şrifti
TTF 1980-ci illərin sonunda Apple tərəfindən hazırlanan, 1991-ci ildə buraxılan və sonra Microsoft-a lisenziyalanan TrueType şrift formatıdır. Qlif konturlarını kvadratik əyrilərlə təyin edir və mətnin ekranda kəskin görünməsini təmin edən hinting təlimatlarını daxil edir. TrueType bütün masaüstü əməliyyat sistemləri, mətn redaktorları və dizayn tətbiqləri tərəfindən dəstəklənir. OpenType-ın bəzi qabaqcıl tipoqrafik imkanları yoxdur və veb şrift formatlarından böyükdür.
- Sıxılma
- İtkisiz
- Şəffaflıq
- –
- Animasiya
- –
- İlk dəfə təqdim edilib
- 1991 · Apple
WOFF2
Web Open Font Format 2
WOFF2 Web Open Font Format-ın ikinci versiyasıdır, Google-un Brotli sıxılmasına əsaslanır və 2018-ci ildə W3C Tövsiyəsi kimi dərc edilib. Fayllar WOFF-dan təxminən 30% kiçikdir, bu da səhifələrin daha sürətli yüklənməsinə kömək edir. Hər müasir brauzer WOFF2-ni dəstəkləyir və veb şriftlər üçün tövsiyə olunan formatdır. Masaüstü əməliyyat sistemləri və dizayn tətbiqləri onu birbaşa quraşdıra bilmir.
- Sıxılma
- İtkisiz
- Şəffaflıq
- –
- Animasiya
- –
- İlk dəfə təqdim edilib
- 2018 · W3C (Google)
TTF-i WOFF2-yə çevirmək masaüstü şrifti brauzerlərin üstün tutduğu Brotli ilə sıxılmış konteynerə yığır, beləliklə eyni qliflər ziyarətçiyə daha az baytla çatır; əks səhifə isə internetdə tapdığı şrifti quraşdırmaq istəyənlər üçündür.
TTF-dən WOFF2-yə: tez-tez verilən suallar
WOFF2 ilə yanaşı TTF və ya WOFF ehtiyat variantı hələ də lazımdırmı?
Bu gün ictimai saytlar üçün adətən yox. Chrome, Edge, Firefox və Safari WOFF2-ni illərdir oxuyur, oxumayan az sayda brauzer, məsələn Internet Explorer 11, əlavə fayla dəyməz. Analitikanız belə istifadəçilərin olduğunu göstərirsə, TTF-i WOFF-a çevirmək nəticəsini ikinci src sətri kimi əlavə edin.
WOFF2 şriftim niyə hələ də 100 KB-dan böyükdür?
Sıxma yalnız qlifların necə saxlanmasını azaldır, sayını yox. Latın, Kiril, Yunan və Vyetnam yazılarını əhatə edən şrift hamısını daşıyır. Mətn şriftini onlarla kilobayta endirən, həqiqətən göstərdiyiniz yazılara görə alt çoxluq yaratmaqdır.
font-display: swap nə edir?
Brauzerə mətni dərhal ehtiyat şriftlə göstərməyi və veb şrift gələndə dəyişməyi bildirir, yüklənərkən mətni gizlətmir. Bunu yuxarıdakı nümunədəki kimi @font-face qaydasına əlavə edin, yavaş bağlantıda gec dəyişməni istəmirsinizsə optional işlədin.
Google Fonts TTF faylını WOFF2-yə çevirib öz serverimdə yerləşdirə bilərəmmi?
Bəli. Google Fonts ailələri SIL Open Font License və ya Apache License ilə buraxılıb, hər ikisi çevirməyə və öz serverinizdə yerləşdirməyə icazə verir. Faylı özünüz yerləşdirmək üçüncü tərəf serverinə sorğunun qarşısını da alır.
WOFF2 e-poçt bülletenlərində işləyirmi?
Yalnız bəzi proqramlarda. Apple Mail və iOS Mail veb şriftləri @font-face ilə yükləyir, Gmail və Outlook-un əksər versiyaları isə onları görməzdən gəlib ehtiyat şrifti göstərir. E-poçtun şrift siyahısına həmişə təhlükəsiz sistem şrifti yazın.