تغییر فونت در قالب واسکر
این راهنمایی به شما کمک خواهد نمود که فونت دلخواه و مورد نظر خود را در قالب گنجانده و بر روی ساختار و متون قالب واسکر اعمال نمائید.
این راهنمایی در خصوص تهیه فونت نیست و فرض بر این می‌باشد که شما فونت خود را تهیه کرده و فایل یا آدرس آن را در اختیار دارید.
ادغام فونت از طریق فایل دانلود شده
در صورتی که فایل فونت موردنظر خود را دانلود کرده و در اختیار دارید آن را باید در مسیر مناسب قرار داده و در بین کدهای استایل فراخوانی نمائید.
فونت وزیر متن به عنوان مثال از همین طریق نصب گشته است. به فولدر scss در داخل محتویات قالب رفته و فایل‌های دانلودی خود را در آنجا قرار دهید. سپس فایل _variables.scss موجود در همان فولدر را برای ویرایش بگشایید.
از طریق @import می‌توان فایل اصلی فونت را فراخوانی کرد. به عنوان مثال اگر فونت مورد نظر خود را در آدرس
scss/elFont/elfont.css
داشته باشیم بایستی با استفاده از دستور مذکور به این صورت
@import "elFont/elfont.css
آن را فراخوانی کنیم.
مسیردهی برای فراخوانی فایل باید از جایی باشد که فایل _variables.scss قرار دارد.
@import "vazirmatn";
اعمال فونت در متن و ساختار قالب
پس از افزودن فایل فونت خود اکنون زمان اعمال فونت در متن قالب می‌باشد.
اعمال فونت در استایل‌ها
فایل _variables.scss را در مسیر آورده شده زیر گشوده و بدنبال تکه کد زیر بگردید.
$font-1: 'Vazirmatn FD', sans-serif;
$font-2: 'Vazirmatn FD', sans-serif;
اکنون بجای Vazirmatn FD نام فونت مورد نظر خود را قرار دهید.
در صورتی که تغییرات بدرستی انجام شده باشند پس از بارگذاری مجدد صفحات خود باید متون وب‌سایت خود را با فونت جدید مشاهده نمائید.
در صورتی که در حالت dev قرار ندارید پس حتما یکبار پس از اعمال تغییرات دستور build یا prod را اجرا کنید.