آموزش و یادگیری

فارسی کردن اعداد در فونت‌های فارسی

مناسب برای فونت ایران

حتما این مشکل برای شما هم پیش آمده که برای بخشی ازسایت خود نیاز به فونت فارسی داشته باشید و اعداد انگلیسی ظاهر فارسی سایت شما را دچار مشکل کرده باشد. این آموزش ساده برای بهینه کردن و استفاده از اعداد فارسی در وب سایت شما نوشته شده است.

وردپرس و پلاگین‌های فارسی ساز

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

فارغ از این موضوع استفاده از عدد فارسی و کاراکتر فارسی نیاز به یک درخواست به سرور دارد که اعداد شما را تغییر دهد که همین موضوع لود وب سایت شما را مختل می‌کند.

استفاده از فونت‌هایی با پایه‌ی فارسی

در گذشته یک راهکار ساده این بود که از فونتی استفاده کنیم که اعداد فارسی را به صورت جداگانه داشته باشد یا به کل اعداد در آن فارسی باشد. در بسته‌های فونت‌ها عموما این موضوع دیده می‌شد که یک پک فونت Fa Num هم داشتیم. حال شما دو راه اشتباه داشتید!

۱. فونت‌ها را با fa num فراخوانی کنید که در این صورت اگر نیاز به اعداد انگلیسی داشتید (برای مثال نوشتن عدد در کنار عبارت انگلیسی) هیچ وقت لود نمی‌شد یا باید فونت آن را بصورت دستی تغییر دهید. البته که این کار برای عناوین چالش‌های سئویی زیادی داشت

۲.  هر دو فونت را لود می‌کردید که باز هم در این حالت حجم وب سایت شما افزایش پیدا می‌کرد و صفحه با تاخیر لود می‌شد که در این حالت هم نتایج خوبی در core vital گوگل نمی‌گرفتید.

راهکار جدید فارسی کردن اعداد فارسی

یک دستور استایل به نام font-feature-settings وجود دارد که این اقدام را برای شما حل کرده است. البته که کاربرد آن چیزی دیگریست ولی برای قلم‌های فارسی می‌توان از این ویژگی استفاده کرد.

برای این کار شما ابتدا فونت اصلی را فراخوانی کنید. همان فونتی که اعداد انگلیسی است. در ادامه یک دستور در css قالب خود بنویسید:


.fanum{
-moz-font-feature-settings: "ss02";
-webkit-font-feature-settings: "ss02";
font-feature-settings: "ss02";
}

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

با این روش دیگر نیازی به تغییر در فونت یا فراخوانی دوگانه‌ی فونت ندارید. البته این ویژگی تنها به اینجا ختم نمی‌شود و می‌توانید براساس نوع فونتی که دارید از خاصیت‌های دیگر آن استفاده کنید.

 

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا