اضافه کردن فونت به وبلاگ یا وب سایت

برای اضافه کردن فونت به وبلاگ یا وب سایت ابتدا یک نوع از فرمت فونتی که مدنظرتان است را دانلود کنید .

و در تبدیل‌گرهای آنلاین فرمتهای دیگر آن را به همراه فونت فیس آن بدست بیاورید. برای مثال این تبدیل‌گر onlinefontconverter

OnlineFontConvertor

فونت فیس را داخل فایل css کپی کرده و فونتها را داخل پوشه font قرار دهید.

یک نمونه از فونت فیس Byekan :

@font-face {

font-family: ‘BYekan’;

src: url(‘fonts/byekan/BYekan.eot’);

src: url(‘fonts/byekan/BYekan.eot?#iefix’) format(’embedded-opentype’),

url(‘fonts/byekan/BYekan.woff2′) format(‘woff2’),

url(‘fonts/byekan/BYekan.woff’) format(‘woff’),

url(‘fonts/byekan/BYekan.ttf’) format(‘truetype’),

url(‘fonts/byekan/BYekan.svg#BYekan’) format(‘svg’);

font-weight: normal;

font-style: normal;

}

حالا فقط کافیست مسیر فونتها را چک کنید (مثلاً من در پوشه fonts پوشه‌ای جداگانه بنامbyekan ایجاد کردم و فونتها را داخل این پوشه قرار داده‌ام پس مسیر رو قید کرده‌ام )

و نام این فونت را جلوی عبارت font-family در هر قسمتی که لازم داشتید قید کنین.

و یک راه دیگر استفاده از سرویس فونت آنلاین گوگل است.

متاسفانه هنوز فونت فارسی را اضافه نکرده‌اند. فونت دلخواه را با زدن دکمه Add to Collection انتخاب کرده و سپس use را انتخاب میکنیم.

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

https://www.google.com/fonts#UsePlace:use

برای استفاده از فونت در سایتتان طبق راهنمایی سایت عمل کنید. تگ link را در قسمت head قرار داده و در فایل css از نام فونت استفاده کنید.

https://www.google.com/fonts#UsePlace:use

و در سایتهای وردپرس تگ link را در فایل haeder.php در قسمت head قرار داده و در فایل css از نام فونت استفاده کنید.

و ممنون از دوست خوبم 🙂