تغییر فونت در قالب جوسی

این راهنمایی به شما کمک خواهد نمود که فونت دلخواه و مورد نظر خود را در قالب گنجانده و بر روی ساختار و متون قالب جوسی اعمال نمائید.

ادغام فونت از طریق آدرس فونت

فونت قالب جوسی در فایل‌های HTML در هدر قرار داده شده است بصورت زیر:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@33.003/misc/Farsi-Digits/Vazirmatn-FD-font-face.css">

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

ادغام فونت از طریق فایل دانلود شده

در صورتی که فایل فونت موردنظر خود را دانلود کرده و در اختیار دارید آن را باید در مسیر مناسب قرار داده و در بین کدهای استایل فراخوانی نمائید. ابتدا فونت موردنظر و استایل‌های آن را در پوشه‌ی scss قرار دهید. سپس فایل style.scss را گشوده و مانند خط 43 با استفاده از دستور @use فونت خود را ادغام نمائید مثلا برای فونت فرضی خود مانند: scss/elFont/elfont.scss بایستی با استفاده از دستور مذکور به این صورت @use "elFont/elfont.scss" آن را فراخوانی کنیم. مسیردهی برای فراخوانی فایل باید از جایی باشد که فایل style.scss قرار دارد.

فایل فونت را بالاتر از بقیه useها قرار دهید.

@use "elFont/elfont.scss";
@use "switch";
@use 'common';
@use 'components';

فعال‌سازی فونت در قالب

پس از نصب فونت به یکی از دو روش بالا در فایل _variables.scss سه عدد متغییر قرار دارند که نام فونت‌ها را دربر می‌گیرند متغییرهای ۱ و ۲ را به نام فونت مورد نظر خود تغییر دهید.

$font-3: "Sacramento", cursive;
$font-1: 'Vazirmatn FD', sans-serif;
$font-2: 'Vazirmatn FD', sans-serif;

در هر دو متغییر بجای Vazirmatn FD نام فونت خود را قرار دهید.

در صورتی که تغییرات بدرستی انجام شده باشند پس از بارگذاری مجدد صفحات خود باید متون وب‌سایت خود را با فونت جدید مشاهده نمائید.

در صورتی که در حالت dev قرار ندارید پس حتما یکبار پس از اعمال تغییرات دستور build را اجرا کنید.