تبدیل فونت TTF به WOFF2
میزبانی فونت روی سایت خودتان از همین‌جا شروع می‌شود. WOFF2 فرمتی است که همهٔ مرورگرهای امروزی پیش از هر فرمت دیگری دانلود میکنند و کم‌حجم‌ترین بسته‌بندی برای داده‌های TrueType است که در اختیار دارید. این صفحه دستور CSS لازم برای بارگذاری آن را هم می‌نویسد.
مبدل فونت
یا فایل‌های TTF, OTF, WOFF … را اینجا رها کنید ·
حداکثر 95 MB برای هر فایل· تا 20 فایل· حذف پس از 30 دقیقه
فایل‌ها روی سرورهای ما پردازش میشوند و پس از 30 دقیقه حذف میشوند.
حذف خطهایی که استفاده نمیکنید می‌تواند حجم قلم وب را از صدها KB به کمتر از 30 KB برساند. برای قلمهایی که روی رایانه نصب می‌کنید همه نویسهها را نگه دارید.
متن یا نویسههایی را که قلم باید پوشش دهد جایگذاری کنید، مثلاً کلمه لوگو یا یک عنوان. بقیه حذف می‌شود.
هینتها متن کوچک را در صفحه‌های Windows واضحتر میکنند. حذف آنها اغلب 10–30% از حجم قلمهای وب کم میکند؛ هینت خودکار آنها را به قلمهای بدون هینت اضافه میکند.
برای حفظ نام اصلی خالی بگذارید. با تغییر نام می‌توانید قلم تبدیلشده را کنار قلم اصلی بدون تداخل نصب کنید.
مثلاً Regular، Bold، Italic. برای حفظ نام سبک اصلی خالی بگذارید.
نحوه استفاده از این ابزار
- 1
فایل‌های TTF را بارگذاری کنید
همهٔ وزن‌ها و حالت‌هایی را که قصد استفاده از آنها را دارید اضافه کنید؛ حداکثر ۲۰ فایل و هر کدام تا 95 MB. TTFهای متغیر (Variable) هم پشتیبانی میشوند و محورهایشان حفظ می‌شود.
- 2
CSS را روشن بگذارید و در صورت امکان زیرمجموعه بسازید
گزینهٔ افزودن CSS @font-face از قبل فعال است. در تنظیمات پیشرفته، اگر سایت شما به یک زبان غربی است، نویسه‌های حفظ‌شونده را روی Basic Latin یا Latin + accents بگذارید و می‌توانید هینتینگ را روی Remove قرار دهید.
- 3
تبدیل به WOFF2
روی تبدیل به WOFF2 بزنید و فونتها را همراه فایل .css دانلود کنید. هر دو را در سایت خود بارگذاری کنید و فایل استایل را به صفحه پیوند دهید یا قاعده را در استایل خودتان قرار دهید.
چطور TTF را برای وب‌سایتم به WOFF2 تبدیل کنم؟
فایل .ttf را بارگذاری کنید، گزینهٔ افزودن CSS @font-face را فعال بگذارید و تبدیل به WOFF2 را بزنید. فایل .woff2 را به‌همراه یک فایل .css شامل قاعدهٔ @font-face که به آن اشاره میکند دریافت می‌کنید.
چرا WOFF2 فرمت مناسب فونت وب برای انتشار است
TTF داده‌های جدولی فشرده‌نشده است: خطوط گلیف، متریک‌ها، کرنینگ و نام‌ها. WOFF2 که در سال 2018 بهعنوان توصیهٔ W3C منتشر شد، همین جدول‌ها را نگه می‌دارد اما پس از بازسازماندهی خطوط گلیف برای فشردگی بهتر، آنها را با Brotli، الگوریتم فشردهسازی که Google در 2015 منتشر کرد، فشرده میکند. آزمایش‌های خود Google نشان داد WOFF2 به‌طور میانگین حدود 30% از فرمت قدیمی‌تر WOFF کوچک‌تر است و مرورگر پس از دانلود داده‌های اصلی فونت را بازیابی میکند، پس شکل حروف تغییری نمی‌کند.
فونتها رندر صفحه را مسدود میکنند، برای همین حجمشان بیش از آنچه کیلوبایت‌ها نشان میدهند اهمیت دارد. تا رسیدن فونت وب، مرورگر متن را پنهان میکند یا فونت جایگزین نشان میدهد و جایگزینی دیرهنگام می‌تواند چیدمان را جابه‌جا کند. فایل کوچک‌تر این بازه را کوتاه میکند و دو گزینهٔ اینجا آن را باز هم کوتاه‌تر میکنند: نویسه‌های حفظ‌شونده گلیف‌هایی را که صفحه‌هایتان هرگز نشان نمی‌دهند حذف میکند و هینتینگ روی Remove دستورهایی را که گوشی‌ها و صفحه‌های با تراکم بالا به‌هرحال نادیده میگیرند کنار می‌گذارد. TTFهای اصلی را برای استفادهٔ دسکتاپ نگه دارید؛ WOFF2 to TTF بعداً می‌تواند فونت وب را باز کند، اما گلیف‌هایی را که زیرمجموعهسازی حذف کرده برنمی‌گرداند.
مقایسهٔ حجم فایل TTF و WOFF2
TTF، مجموعه نویسه‌های کامل
100%
جدول‌های فونت فشرده‌نشده، همان‌طور که روی دسکتاپ نصب می‌شود
WOFF2، زیرمجموعهٔ Basic Latin
اغلب 10–25%
فشردهسازی Brotli به‌علاوهٔ گلیف‌های کمتر؛ بسته به فونت متفاوت است
دستور @font-face برای فونت WOFF2
@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، نسخه به نسخه
2014
Chrome 36
مرورگر Google نخستین مرورگری است که WOFF2 را به‌طور پیش‌فرض رمزگشایی میکند.
2015
Firefox 39
Mozilla رمزگشایی WOFF2 را به‌طور پیش‌فرض فعال میکند.
2016
Edge 14
Edge اولیهٔ Microsoft با Windows 10 Anniversary Update پشتیبانی از WOFF2 را اضافه میکند.
2018
توصیهٔ W3C
مشخصات نهایی می‌شود؛ تا آن زمان Safari در macOS و iOS هم WOFF2 را رمزگشایی میکند.
TTF
فونت TrueType
TTF فرمت فونت TrueType است که Apple در اواخر دهه 1980 توسعه داد، در 1991 منتشر کرد و سپس به Microsoft مجوز داد. شکل حروف را با منحنی‌های درجه دوم تعریف میکند و دستورهای hinting دارد که متن را روی صفحه‌نمایش شفاف نشان میدهد. همه سیستم‌عامل‌های دسکتاپ، واژه‌پردازها و برنامه‌های طراحی از آن پشتیبانی میکنند. برخی قابلیت‌های پیشرفته تایپوگرافی OpenType را ندارد و از فرمت‌های فونت وب حجیم‌تر است.
- فشردهسازی
- بدون اتلاف
- شفافیت
- –
- انیمیشن
- –
- سال معرفی
- 1991 · Apple
WOFF2
Web Open Font Format 2
WOFF2 نسخه دوم Web Open Font Format است که بر پایه فشردهسازی Brotli گوگل ساخته شده و در سال 2018 بهعنوان توصیه‌نامه W3C منتشر شد. حجم فایل‌ها حدود 30% کمتر از WOFF است و صفحه‌ها سریع‌تر بارگذاری میشوند. همه مرورگرهای جدید از WOFF2 پشتیبانی میکنند و این قالب برای فونتهای وب توصیه می‌شود. سیستم‌عامل‌های رومیزی و برنامه‌های طراحی نمی‌توانند آن را مستقیماً نصب کنند.
- فشردهسازی
- بدون اتلاف
- شفافیت
- –
- انیمیشن
- –
- سال معرفی
- 2018 · W3C (Google)
TTF به WOFF2 فونت دسکتاپ را در قالب فشردهٔ Brotli که مرورگرها ترجیح میدهند بسته‌بندی میکند، تا همان گلیفها با بایت کمتری به بازدیدکننده برسند؛ صفحهٔ معکوس برای کسانی است که باید فونتی را که در وب یافته‌اند نصب کنند.
پرسش‌های متداول تبدیل TTF به WOFF2
آیا در کنار WOFF2 هنوز به فونت جایگزین TTF یا WOFF نیاز دارم؟
برای وبسایتهای عمومی امروزی معمولاً نه. Chrome، Edge، Firefox و Safari سالهاست WOFF2 را میخوانند و مرورگرهای معدودی که نمیخوانند، مثل Internet Explorer 11، کمتر ارزش یک فایل اضافه را دارند. خروجی TTF to WOFF را فقط اگر آمار بازدیدتان چنین کاربرانی را نشان میدهد، بهعنوان src دوم اضافه کنید.
چرا حجم فونت WOFF2 من هنوز بیش از 100 KB است؟
فشردهسازی فقط شیوهٔ ذخیرهٔ گلیفها را کوچک میکند، نه تعداد آنها را. فونتی که لاتین، سیریلیک، یونانی و ویتنامی را پوشش میدهد، همهٔ آنها را با خود میآورد. زیرمجموعهسازی (Subsetting) به خطهایی که واقعاً نمایش میدهید، فونت متنی را به چند ده کیلوبایت میرساند.
font-display: swap چه کاری انجام میدهد؟
به مرورگر میگوید متن را بلافاصله با فونت جایگزین نشان دهد و پس از رسیدن فونت وب شما آن را عوض کند، بهجای اینکه متن را تا پایان دانلود پنهان نگه دارد. آن را مثل نمونهٔ بالا به قاعدهٔ @font-face اضافه کنید، یا اگر میخواهید در اتصالهای کند جایگزینی دیرهنگام رخ ندهد، از optional استفاده کنید.
آیا میتوانم فایل TTF از Google Fonts را به WOFF2 تبدیل کنم و خودم میزبانی کنم؟
بله. خانوادههای Google Fonts با مجوز SIL Open Font License یا Apache License منتشر میشوند و هر دو تبدیل و میزبانی شخصی را مجاز میدانند. میزبانی فایل روی سرور خودتان از ارسال درخواست به سرور شخص ثالث هم جلوگیری میکند.
آیا WOFF2 در خبرنامههای ایمیلی کار میکند؟
فقط در برخی کلاینتها. Apple Mail و iOS Mail فونتهای وب را با @font-face بارگذاری میکنند، اما Gmail و بیشتر نسخههای Outlook آنها را نادیده میگیرند و فونت جایگزین را نشان میدهند. در ایمیل همیشه یک فونت امن سیستمی را در فهرست فونتها بگذارید.