سایت تبدیل فونت ویندوز به وب

آموزش قبلی -| | | | | – آموزش بعدی

برای تنظیم فونت سایت باید از شیوه نامه خارجی(شیوه نامه ای که در یک فایل با پسوند css) قرار دارد استفاده کرد. قبل از این کار باید فونتی که مدنظر داریم را دریک سایت تبدیل فونت از ویندوز (ttf) به وب (woff,eot) تبدیل کرد. نتیجه فونت های خروجی و شیونه نامه خارجی خواهد بود که کد شیوه نامه خارجی در فایل fonts با پسوند css ذخیره می شود. در زیر آدرس سایت تبدیل فونت و محتوای شیوه نامه برای فونت B Yekan آمده است.

/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "BYek";
  src: url("./fonts/BYekan.eot"); /* IE9 Compat Modes */
  src: url("./fonts/BYekan.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/BYekan.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/BYekan.woff") format("woff"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

همانطوریکه مشاهده می شود مقدار صفت font-family مقدار BYek در نظر گرفته شده است. در نتیجه در کد زیر از آن استفاده می کنیم.

<h1 style="font-family: 'BYek';text-align: center;">پاییز ۹۹</h1>

البته جهت استفاده از آن باید در بخش head از دستور Link به صورت زیر استفاده کرد.

<link href="Fonts.css" rel="stylesheet" type="text/css">

در محتوای فایل Fonts.css مشخص شده که فونت از کجا دریافت شود.