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

اگر به فونتهای فارسی علاقه‌مندید و یا به یک مجموعه بزرگی از فونت‌های متنوع نیاز دارید، پیشنهاد می‌کنیم که جدیدترین بستهٔ جامع فونتهای فارسی ایران فونت را که در اواخر سال 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

ارسال نظر

  • FontLab VI 6.0.1.6558 طراحی و ویرایش فونت

    با در 16 اسفند، 1396 - 0 نظرات

    FontLab نرم افزار کابردی که این امکان را به شما میدهد تا فونت های مورد علاقه ی خود را در محیطی گرافیکی و آشنا طراحی و ویرایش کنید. دارای ابزارهای گوناگون در محیط طراحی خود برای آسانی کار شما می باشد. توانایی Import&Export انواع فرمت های رایج مربوط به فونت را دارد. مجهز به فیلتر […]

  • دانلود نرم افزار FontCreator

    با در 14 اسفند، 1396 - 0 نظرات

    High-Logic FontCreator این امکان را به شما می دهد تا به ایجاد و ویرایش فونت های TrueType و OpenType بپردازید. این ابزار به عنوان یکی از ابزارهای مورد نیاز و قدرتمند طراحی برای طراحان گرافیکی و متخصصان تایپوگرافی شناخته شده است و رابط کاربری آسان این نرم افزار باعث شده تا حتی کاربران مبتدی نیز […]

  • تایپوگرافی چیست ؟

    با در 12 اسفند، 1396 - 0 نظرات

    تایپوگرافی چیست؟ تایپوگرافی تکنیکی در گرافیک است که با حضور چاپ در عرصه نشر کتاب به وجود آمده است. با آمدن چاپ، برای تلطیف کردن کلمات چاپی که خشک به نظر می رسیدند، حرکاتی در بخش هایی از لغات و برجسته کردن آن ایجاد می کردند. تایپوگرافی اصطلاحی است که این روزها در مجامع هنری […]

  • سال نو مبارک

    با در 29 اسفند، 1396 - 0 نظرات

    یادم باشد که زیبایی های کوچک را دوست بدارم حتی اگر در میان زشتی های بزرگ باشند یادم باشد که دیگران را دوست بدارم آن گونه که هستند ، نه آن گونه که می خواهم باشند یادم باشد که هرگز خود را از دریچه نگاه دیگران ننگرم که من اگر خود با خویشتن آشتی نکنم […]

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