فونت Variable چیست؟ مزایای استفاده از فونت‌های متغیر

شاید اخیرا نام فونت‌های متغیر یا Variable فونت رو شنیده باشید. اما نمی‌دونید که منظور از این نوع فونت چی هست؟ اصلا چرا باید از این نوع فونت‌ها استفاده کنیم و آیا استفاده از فونت و نوع فونت هم می‌تونه توی سرعت سایت ما تاثیری داشته باشه؟ 🙂 توی این مقاله درباره وریبل فونت‌ها و مزایای استفاده از اونها صحبت خواهیم کرد.

چند وقت پیش بود که توی جامعه کسب‌و‌کار شیراز آقای مسلم ابراهیمی (آقای فونت ایران و طراح فونت معروف ایران سنس) رو ملاقات کردم. ایشان خیلی روی فونت‌های متغیر مانور می‌داد و برام سوال شد که فونت متغیر واقعا چیست؟ کمی گشت و گذار توی اینترنت کردم و چند نمونه از فونت‌های متغیر رو هم دانلود کردم و چیزی که برام عجیب بود شگفتی بی‌نظیر این نوع فونت بود. یک تحول بزرگ در حوزه فونت‌ها رخ داده!

فونت Variable چیست؟

فونت متغیر یا Variable Font یک گسترش جدید از دنیای OpenType هست که در تاریخ 14 سپتامبر 2016 با اعلام همزمان ادوبی، گوگل، اپل و مایکروسافت منتشر شد. با استفاده از این فونت‌ها می‌تونیم بصورت همزمان با استفاده از یک فونت، چند نمونه فونت داشته باشیم.

یک مثال برای درک بهتر وریبل فونت

اگر قبلا روی سایت خودتون فونت ایران سنس یا هر فونت دیگری رو نصب می‌کردید طبیعتا می‌خواستید این فونت رو در وزن‌های مختلف نمایش بدید. مثلا به این شکل فونت رو ضخیم کنید یا به این شکل فونت رو بصورت نرمال نمایش بدید. برای اینکار باید چند نسخه از فونت رو در وزن‌های مختلف به مرورگر معرفی کنید تا بالاخره یکی از این وزن‌ها با توجه به خاصیت font-weight در سی اس اس شما نمایش داده بشه.

اما مشکل کجاست؟

مشکل اینجا بود که هر کدام از این وزن‌ها بصورت میانگین ۱۰۰ کیلوبایت حجم دارند. یعنی برای استفاده از یک فونت ایران سنس بصورت استاندارد باید حدود ۳۰۰ کیلوبایت فایل دانلود شود تا بتوانید سایتتان را با فونت زیبای ایران سنس نمایش دهید. (البته این موضوع بستگی به مرورگر هم خواهد داشت و همیشه اینطور نیست.)

اما با استفاده از وریبل فونت‌ها تنها کافیست یک نسخه از فونت رو روی سایت قرار بدید تا بصورت خودکار در وزن‌های مختلف نمایش داده بشه. تنها یک نسخه از فونت!

و این تمام ماجرا نیست!

بله من تنها به بخشی از این موضوع پرداختم که دغدغه اکثر وب‌مستر‌ها بود. علاوه بر این، از وریبل فونت‌ها برای اهداف مختلفی می‌توان استفاده کرد. مثلا فرض کنید بر اساس نور محیط و سنسور نور لپ تاپ شما بتوانیم رنگ پس زمینه و رنگ فونت رو تغییر بدیم. یا بر اساس فاصله چشم کاربر از صفحه نمایش سایز فونت‌ها رو کم یا زیاد کنیم و … خودم هم هیجان زده شدم!

وریبل فونت‌های فارسی

با توجه به به‌روز بودن قضیه وریبل فونت‌ها هنوز فونت ایرانی رو ندیدم که از این تکنولوژی استفاده کنه. البته به‌غیر از فونت ایرانی دانا که توسط آقای ابراهیمی عزیز طراحی شده و میشه لقب اولین فونت متغیر ایرانی رو بهش داد.

امیدواریم با توجه به محبوبیت بالای فونت ایران سنس، یک نسخه وریبل از ایران سنس هم منتشر بشه تا بتونیم ایران سنس رو هم با حجم کمتری روی وب‌سایت‌ها داشته باشیم.