ژنراتور آنلاین فونت (Font CSS Generator)

دیگر نیازی به نوشتن کدهای @font-face برای نصب فونت روی سایت ندارید؛ با استفاده از ابزار ژنراتور آنلاین فونت ساز فونتچی (Font CSS Generator) تنها با وارد کردن آدرس فایل فونت و چند کلیک ساده، همراه با تنظیمات پیشرفته، کدهای CSS نصب فونت آماده روی وردپرس و دیگر انواع سایت را دریافت کنید. فونت‌های خود را در وزن‌های مختلف اضافه کنید، پیش‌نمایش آنلاین آن را ببینید، و با یک کلیک خروجی تمیز CSS یا فایل نصبی را دانلود کنید.

ژنراتور آنلاین فونت (Font CSS Generator)

ابزار Font CSS Generator یا font-face Generator فونتچی به شما این امکان را می‌دهد تا به سادگی و با پر کردن چند فیلد و کلیک ساده، کدهای CSS که باید برای نصب فونت در قالب سایتتان را وارد کنید بسازید. یکی از مشکلات رایج هنگام تغییر فونت سایت، خطاهای جزئی هنگام مسیردهی، وارد کردن فرمت، انتخاب نام فونت و از این دست موارد است که باعث می‌شود فونت به درستی روی سایت شما لود نشود.

با استفاده از این ابزار می‌توانید فرآیند ساخت کدهای CSS برای نصب فونت از طریق @font-face را به شکل بهینه و استاندارد پیاده‌سازی کنید. در این فرم تلاش کرده‌ایم تا فرآیند تولید کد CSS را در بهینه‌ترین حالت ممکن برای شما فراهم کنیم. می‌توانید انواع وزن مختلف فونت را افزوده و یا اینکه با استفاده از فونت وریبل، فقط با درج آدرس یک فایل فونت از چندین وزن متنوع استفاده کنید.

چرا استفاده از این ابزار برای سایت شما ضروری است؟

به چند دلیل توصیه می‌کنیم تا به جای استفاده از سایر روش‌ها همچون نصب افزونه در سایت وردپرسی یا استفاده از تنظیمات قالب که لود فونت را به صورت inline انجام می‌دهند، با استفاده از این ابزار فونت‌های خود را مستقیما از طریق فایل style.css خود اجرا کنید:

• استانداردسازی بر اساس فرمت استاندارد WOFF2:

فرمت فونت WOFF2 بهینه‌ترین و فشرده‌ترین فرمت استاندارد وب است که امروزه توسط همه مرورگرها پشتیبانی می‌شود. این ابزار با اولویت دادن به این فرمت و از طرفی اختیاری کردن استفاده از سایر فرمت‌ها این امکان را فراهم می‌کند که هم تعداد درخواست HTTP کمتری داشته باشید، هم فایل فونت‌ها در لود صفحات شما کم‌ترین حجم ممکن را داشته باشند و هم اینکه امتیاز Core Web Vitals خود را بهبود دهید.

• پشتیبانی از وزن‌های متنوع و وریبل (Vaiable):

بسیاری سایت‌ها و ابزارها قابلیت اینکه بتوانید همه وزن‌ها را ایجاد کنید یا به شکل انبوه دارند یا اینکه قابلیت انتخاب را محدود کرده‌اند. از سوی دیگر وقتی امروزه بیشتر فونت‌های حرفه‌ای از نسخه Variable پشتیبانی می‌کنند، چه لزومی دارد که دیگر چندین فایل فونت را در سایت خود نصب کنید؟ در حالی که می‌توانید فقط با نصب یک فایل فونت، همه وزن‌ها را داشته باشید!

• پیش‌نمایش آنلاین و زنده فونت (Live Preview):

پیش از اینکه فونت را در سایت خود نصب کنید، می‌توانید با استفاده از متن دلخواه خود فونت را تست کنید. وزن‌های مختلف را در کنار تغییر اندازه فونت بررسی کنید و ببینید که فونت انتخابی شما خوانایی لازم را تا چه میزان در سایتتان بهبود خواهد داد.

• تنظیم هوشمند نمایش فونت (Font Display):

در این ابزار تنظیم هوشمند برای نمایش فونت روی حالت SWAP قرار داده شده و توصیه می‌شود تا برای جلوگیری از پرش متن و تاخیر در رندر اولیه فونت (FOIT)، از این حالت استفاده کنید. این ویژگی روی بهبود تجربه کاربری سایت نیز موثر است.