خوش آمدید، مهمان ! [ ثبت نام | ورود

اگر به فونتهای فارسی علاقه‌مندید و یا به یک مجموعه بزرگی از فونت‌های متنوع نیاز دارید، پیشنهاد می‌کنیم که جدیدترین بستهٔ جامع فونتهای فارسی ایران فونت را که در اواخر سال 2017 و برای زمستان 2018 به روزرسانی شده است را خریداری کنید. پرداخت این وجه مایه دلگرمی ما در ادامه دادن این راه خواهد بود. ممنون

چگونه فونت وبلاگ و یا سایت خود را تغییر دهیم؟ آشنایی با وب فونت و روش تبدیل فرمت های فونت

راهنما 29 آذر، 1393

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

آشنایی با وب فونت

وب فونت امکانی است که به طراحان وب اجازه می دهد تا
فونت مورد نظر خود را در صفحات وب سایت استفاده کنند. با استفاده از این
قابلیت حتی در صورتی که فونت استفاده شده بر روی سیستم شخص بازدید کننده
موجود نباشد نیز قابل مشاهده خواهد بود. وب فونت ها، فونت هایی هستند که از طریق دستور font-face@ در CSS می توانید آنها را ازمسیری که قرار دارند فراخوانی کرده و در صفحه استفاده نمایید.
سایت Font Converter
یک سایت خدمات آنلاین تبدیل فرمت های فونت جهت استفاده در صفحات وب می
باشد. با توجه به اینکه مرورگر ها از یک یا چند فرمت خاص از یک فونت
پشتیبانی می کنند، لذا برای اینکه بتوانید فونت مورد نظر خود را در همه
مرورگرها به درستی نمایش دهید، لازم است که فرمت های رایج وب فونت ها را در
صفحه فراخوانی نمایید.
این ابزار فرمت های مورد نیاز را برای شما تولید کرده و همچنین در صورت
تمایل می توانید CSS آن را هم دریافت و استفاده نمایید.

حداقل نسخه مرورگرها در پشتیبانی از فرمت های مختلف فونت در جدول زیر نمایش داده شده است. (جدول زیر)

Font formatIEChromeFirefoxSafariOpera
TTF/OTF9.0*4.03.53.110.0
WOFF9.05.03.65.111.1
WOFF2پشتیبانی نمی شود36.035.0*پشتیبانی نمی شود26.0
SVGپشتیبانی نمی شود4.0پشتیبانی نمی شود3.29.0
EOT6.0پشتیبانی نمی شودپشتیبانی نمی شودپشتیبانی نمی شودپشتیبانی نمی شود

*IE: فرمت فونت فقط وقتی کار می کند که نصب و فراخوانی شده باشد.

*Firefox: به طور پیش فرض پشتیبانی نمیکند, اما قابل فعال شدن است با تعریف یک FLag حالت True برای استفاده از WOFF2.

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

در سایت زیر تنها در 3 مرحله می توانید فرمت های مورد نظر خود را ایجاد و آنها را به همراه CSS مربوطه دانلود و استفاده نمایید.

  • مرحله 1: آپلود فونت (ttf/eot/woff/…)
  • مرحله 2: انجام تنظیمان لازم و انتخاب فونت های مورد نظر
  • مرحله 3: دانلود فونت ها

نمونه فراخوانی فونت در صفحه با استفاده از قابلیت font-face@:

  @font-face {
  font-family: 'BYekan';
  src: url('fonts/BYekan.eot?#') format('eot'),  /* IE6–8 */
       url('fonts/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
       url('fonts/BYekan.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
اشتراک گذاری: Telegram twitter facebook googleplus
instagram.com/iranfont telegram.me/iranfont

ارسال نظر

  • تایپ اعراب تنوین ها و تشدید ها

    با در 12 مهر، 1392 - 73 نظرات

    برای تایپ کسره ابتدا کلید Shift را نگه دارید و بدون اینکه انگشت خود را از روی Shift بردارید کلید  ی  را نیز فشار دهید . برای تایپ سایر حرکت ها کافیست بجای کلید ی کلیدهای زیر را فشار دهید :   1.            shift  + ض  = تنوین نصب          ً 2.            shift  + ص = […]

  • تصویر فونت را بدهید، فونت تحویل بگیرید

    با در 6 خرداد، 1393 - 506 نظرات

    حتما تا به حال برایتان پیش آمده که با دیدن نوشته ای با خود گفته باشید:”چه فونت زیبایی !” کاش نامش را میدانستم. امروز میخواهم یک سرویس مبتنی بر وب به نام Whatfontis را برایتان معرفی کنم تصویر فونت را بدهید، فونت را تحویل بگیرید . توسط این سرویس شما میتوانید هر تصویر دلخواهی را […]

  • اللهم عجل لولیک الفرج

    ایران فونت در سال 95 شمسی | تبریک میلاد حضرت زهرا (س) و سال نو

    با در 29 اسفند، 1395 - 5 نظرات

    سالی که گذشت نخستین سالی بود که ایران فونت را دستمایه تغییرات جدی و بنیادی کردم. تغییرات سایت ایران فونت در سال 95 به دلایلی ضروری و لاجرم بود.

  • چگونه نیم فاصله بگذاریم؟

    با در 23 تیر، 1391 - 14 نظرات

    برای قرار دادن نیم‌فاصله اگر Shift+Space  و Ctrl+Shift+2 در ویندوز شما کارساز نبود، دکمه Alt را نگه دارید و با صفحه کلید عددی 0157 را تایپ کنید و Alt را رها کنید. نیم‌فاصله مورد نظر آماده است! که البته گوگل از این نیم‌فاصله حمایت نمی‌کند و آن‌ها را چسبیده نشان میدهد، لذا استفاده از نیم‌فاصله […]

  • آموزش روان و ساده طراحی فونت فارسی با فونت کریتور

    با در 6 آذر، 1393 - 46 نظرات

    ایران فونت در یک کار مبتکرانه اقدام به انتشار سه ویدیو کلیپ در موضوع آموزش طراحی فونت فارسی نموده است. این سه ویدیو که هر کدام 5، 7 و 5 دقیقه زمان دارد به صورت تصویری توضیحاتی را درباره طراحی یک فونت فارسی را آموزش میدهد. آموزشی بسیار روان، ساده و مناسب که برای افراد […]

Mellat-logo logo-enamad logo-samandehi Saman-logo