ساخت آسان فونت دلخواه وب

به کمک ویژگی font-face@ تو CSS میشه با بکارگیری فونت دلخواه، صفحات زیبا و زنده‌تری رو به بازدید کننده نمایش داد. سرویس مینیمال و رایگان سایت CodeAndMore کار تولید فایل و کدهای مورد نیاز این کار رو بصورت استاندارد برای شما انجام میده.

بعد از آپلود، پکیجی شامل فونت تبدیل شده با ۴ فرمت و یک فایل HTML با نام قلم مورد نظر تحویل می‌گیرین که کدهای مخصوص سی اس اس هم داخلشه (خط ۷ تا ۱۶). بطور مثال:

@font-face {
font-family: 'BYekan';
src: url('byekan.eot');
src: url('byekan.eot?#iefix') format('embedded-opentype'),
url('byekan.woff') format('woff'),
url('byekan.ttf') format('truetype'),
url('byekan.svg#byekan') format('svg');
font-weight: normal;
font-style: normal;
}

با اضافه کردن کد مشابه عبارتهای بالا به استایل (ترجیحا ابتدای کدها) و قرار دادن فونتهای دانلود شده کنار این فایل میتونین از فونت دلخواه و ایرانی‌تر خودتون استفاده کنین!

با تشکر از CodeAndMore Font-Face Generator 😉

هاستینگ وردپرس ماندگاروب
۱۳ دیدگاه
  1. رضا کیانوش

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

    پاسخ دادن
  2. آذرنوش

    سایت بسیار خوبی بود تا حالا ندیده بودم. متاسفانه تبدیل کننده های وب فونت برای فونت های فارسی همیشه درست کار نمی کنند و بعضی از گلیف ها را حذف می کنند.
    یک سایت فارسی شبیه سرویس گوگل وب فونت را دیدم که بالای ۱۰۰۰ وب فونت فارسی داره و امکانات جالبی برای وب فونت ارائه می داد مثل دانلود فونت، نقشه حروف، شناسنامه فونت،شناسایی خودکار مرورگر کاربر و سرویس فونت ای پی آی و …
    خودتون چک کنید اگه به کار میاد به بقیه هم معرفی کنید:

    آدرس سایتش:

    http://awebfont.ir

    پاسخ دادن
  3. آریابد

    من شنیده بودم که تنها سایتی که فونت های فارسی رو خوب (استاندارد) تبدیل میکنه سایت onlinefontconverter.com هست . البته خودم از این سایت فونت هامو تبدیل کردم و مثل سایتهایی که قبلا ازشون استفاده کردم نبود یعنی فونت های فارسی رو درست تیدیل کرد .

    پاسخ دادن
  4. عابد ارجمند

    نمی دونم چه کرمیه ولی من اصلا با سلیقه ام جور در نمیاد بخوام از این فونتا استفاده کنم…
    به نظرم به اندازه کافی استاندارد نیستند!

    پاسخ دادن
    • محسن غیاثی

      اتفاقا متفاوت بودن نمایششون تو مرورگرای مختلف باعث شده منم رغبتی برا استفاده نداشته باشم!

      پاسخ دادن
  5. رضا کیانوش

    بازم مثل همیشه عالی بود

    پاسخ دادن
  6. یاسر

    ممنون آقا محسن
    مدت هاست از این تکنیک استفاده می کنم. البته بی فون (سی فون فارسی) هم خوبه

    پاسخ دادن
  7. مهدی غیاثی

    من هم مشکل داشتم،‌ عملاً فونت وب کار نمی‌کرد…
    امیدوارم این سرویس مشکل من رو هم حل کنه :o)

    پاسخ دادن
  8. محسن شایان

    (Y) ممنون من مشکل داشتم با فونت ها هر چی تغییرش میدم تو یه مرورگر میاد تو اون یکی نمیاد امیدوارم با این بتونم حلش کنم :-S

    پاسخ دادن

Please Post Your Comments & Reviews

نشانی ایمیل شما منتشر نخواهد شد Required fields are marked *

*

Share This