فونت‌های نسخ و کوفی برای وب فارسی

سایت و اپلیکیشن12 years ago28 Views

با سلام و درود خدمت همه دوستان عزیز. در این پست قصد معرفی وب فونت های دروید عربیک (Droid Arabic) را دارم. اولین فونت از خانواده بزرگ فونت های دروید توسط شرکت Ascender در سال 2007 تحت مجوز آپاچی منتشر شد. هدف از توسعه فونت های دروید استفاده در گوشی های با صفحه نمایش کوچک در پلتفرم های اندروید بود.

Droid Sans, Droid Sans Mono و Droid Serif از خانواده فونت های دروید می‌باشند که از زبان های سنتی چینی، ژاپنی، کره ای، عربی، ارمنی، حبشی، گرجستان، عبری، تایلندی و … نیز پشتیبانی می‌کند.

فونت های دروید عربیک نسخ (Droid Arabic Naskh) و دروید اربیک کوفی (Droid Arabic kufi) در سال 2010 با کمک گروه 29 فونت عربی برای استفاده در محصولات گوگل طراحی شد. حروف عربی این فونت ها توسط پاسکال الزغبی و حروف لاتین توسط استیو متسون طراحی شده اند. فونت دروید نسخ برای اولین بار با اندروید4 منتشر شد.

فونت های دروید عربیک نسخ و کوفی را می‌توانید از دایرکتری فونت‌های گوگل دریافت کنید، البته این دایرکتوری چون بسیاری از خدمات گوگل برای کاربران ایرانی تحریم شده و در دسترس نمی‌باشد.

فونت نسخ و کوفی

هم اکنون این فونت ها با زبان های فارسی، اردو، پشتو و دیگر زبان های مشابه نیز سازگاری کامل دارد. این دو فونت بسیار زیبا به صورت آزمایشی به سرویس وب‌فونت گوگل اضافه شده است و طراحان و توسعه دهندگان وب فارسی نیز می‌توانند به آسانی از این فونت های بسیار زیبا در طرح های خود استفاده کنند.

برای استفاده از فونت دروید عربیک کوفی کافی است کد زیر را به ابتدای فایل CSS خود اضافه کنید:

@import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

و برای تغییر فونت نوشته هایتان به کوفی از کد زیر استفاده کنید:

font-family: 'Droid Arabic Kufi', serif;

جهت استفاده از فونت دروید اربیک نسخ نیز کد زیر را به ابتدای فایل CSS خود بیافزایید:

@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);

و برای تغییر فونت نوشته هایتان به نسخ از کد زیر استفاده کنید:

font-family: 'Droid Arabic Naskh', serif;

هنگام استفاده از این وب‌فونت ها توجه کنید که ارتفاع سطرها را کمی بیشتر کنید. وبگاه ایران آتا هم اکنون از این دو فونت استفاده می‌کند. تیتر این پست دارای فونت زیبای Droid Arabic Kufi است و این نوشته نیز به فونت زیبای Droid Arabic Naskh آراسته شده است.

31 Comments

(Hide Comments)
  • نمناک

    ژانویه 26, 2013 / at 1:41 ق.ظ پاسخ

    مگه تو قدرت گوگل شکی هم هست؟

  • علی آقا

    ژانویه 26, 2013 / at 5:05 ب.ظ پاسخ

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

    • حسین قبیله

      ژانویه 26, 2013 / at 5:19 ب.ظ پاسخ

      علی آقا؛ احتمالا یادتان رفته که خاصیت font-family بخش مورد نظر را در css تغییر دهید،

      http://goo.gl/IljNQ

      • علی آقا

        مارس 17, 2013 / at 11:53 ب.ظ پاسخ

        ممنون از توضیحاتت. چطور فاصله خطوط رو بیشتر کنیم؟

        • حسین قبیله

          مارس 18, 2013 / at 8:45 ق.ظ پاسخ

          با استفاده از خاصیت line-height در فایل css پوسته خود می‌توانید فاصبه خطوط را در وبلاگ زیبایتان تنظیم کنید.

  • رادمهر

    ژانویه 26, 2013 / at 5:23 ب.ظ پاسخ

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

  • علیرضا

    ژانویه 31, 2013 / at 11:22 ق.ظ پاسخ

    سلام
    داداش من باید این کد رو کجا بذارم ؟!

    • ایران آتا

      ژانویه 31, 2013 / at 12:51 ب.ظ پاسخ

      در وبلاگ خود به بخش ویرایش CSS قالب فعلی مراجعه کنید و همان ابتدای فایل قرار دهید.
      سپس می‌توانید به جای font-family موجود در همان صفحه، کدهای مربوطه فوق را قرار دهید.

      موفق و پیروز باشید.

  • بهنام

    فوریه 4, 2013 / at 9:18 ب.ظ پاسخ

    @import url رو نمیشه برای ساخت استایل های Stylish استفاده کرد؟
    من امتحان کردن کار نکرد نمیدونم من اشتباه کردم یا همین طوره.

    • حسین قبیله

      مارس 18, 2013 / at 12:21 ب.ظ پاسخ

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

  • حمید

    فوریه 7, 2013 / at 11:34 ق.ظ پاسخ

    به سایت خواهر گوگل هم یه سری بزنید
    البته اختصاصی بر ای زبان فارسی با بیش از 1000 وب فونت

    http://www.awebfont.ir

  • Armin

    آوریل 19, 2013 / at 12:35 ب.ظ پاسخ

    سپاس
    چطور میتوان فقط برای یک پست یا صفحه خاص این فونت را به کار برد؟ این کدها را در آن پست تست کردم و تغییر نکرد

  • Armin

    آوریل 19, 2013 / at 12:42 ب.ظ پاسخ

    مشکل حل شد دوست عزیز. سپاس

  • حسین بوذرجمهری

    آگوست 31, 2013 / at 1:08 ب.ظ پاسخ

    سلام جناب
    از مطلبتون بسیار استفاده کردم و وبلاگم با این فونت جانی تازه گرفت.
    خدا خیرتان دهد
    یاعلی

  • محمود

    اکتبر 8, 2013 / at 4:26 ق.ظ پاسخ

    سلام
    بعد از استفاده از فونت، اعداد انگلیسی می شوند.
    لطفا راهنمایی بفرمائید.
    ممنونم.12345

  • یزدان

    آوریل 2, 2014 / at 12:41 ق.ظ پاسخ

    سلام خسته نباشید این قالب وبلاگ منه خواهش میکنم برام درستش کنین چون هرکاری میکنم شکل قالبم به هم میریزه . پاسختون رو تو وبلاگم بدین ممنون از لطفتون .

  • یزدان

    آوریل 2, 2014 / at 1:03 ق.ظ پاسخ

    این لینک قالبم هست :
    http://cld.persiangig.com/preview/FsDKBYr6pn/GHALEB.txt

  • apple

    آوریل 12, 2014 / at 2:54 ب.ظ پاسخ

    سلام
    آقا يه سوال داشتم
    وقتي ميخوام حرف ي بنويسم زيرش 2 نقطه مياد ، چيكار كنم كه بره ؟؟؟
    ممنون ميشم كمك كنيد

  • سامانه ارسال پیامک

    آوریل 30, 2014 / at 2:41 ب.ظ پاسخ

    ممنون از اطلاعاتی که دادید خیلی به درد من خورد و توی سایت ارسال پیامک ازش استفاده کردم

  • علی

    سپتامبر 26, 2014 / at 11:52 ب.ظ پاسخ

    آقا این کد قالب وبلاگمه برات تو ورد گذاشتم
    فونت Droid Arabic Naskh رو بهش اضافه میکنید برام آپلود کنیید لینکشو بفرستین؟
    واقعا ممنونتون میشم
    اینم لینک کد قالبم: http://s2.freeupload.ir/files/1/ug4hy7ohl31mhb/1.docx

  • علی

    سپتامبر 27, 2014 / at 12:05 ق.ظ پاسخ

    ببخشید فونتی که این نوشته هارو نوشتین همینه که تو این لینکه؟

    http://s1.freeupload.ir/i/00040/w367c06nxrre.png

  • علی

    سپتامبر 27, 2014 / at 12:13 ق.ظ پاسخ

    نمیشه نوشته هاتو یه خورده پر رنگ تر کنی چون اگه دقت کنی تو این عکس که لینکشو گذاشتم اگه فونتش همینی باشه که شما تو نوشته هاتون ازش استفاده می کنید یه خورده پر رنگ تره

  • دکوراسیون داخلی

    می 14, 2015 / at 12:02 ب.ظ پاسخ

    با سلام و سپاس بسیار عالی بود مرسی

  • بهترینا

    ژوئن 21, 2015 / at 4:30 ب.ظ پاسخ

    ممنون . مفید بود.

  • jalaldgr

    آگوست 10, 2016 / at 11:54 ق.ظ پاسخ

    ممنون دوست عزیز
    خیلی دنبال این فونت بودم

  • پرتو صنعت

    سپتامبر 6, 2016 / at 7:50 ق.ظ پاسخ

    سلام
    ممنون این فونت رو توی سایتم استفاده کردم
    بی نظیره

  • طراحی صنعتی

    نوامبر 27, 2016 / at 12:57 ب.ظ پاسخ

    ممنون از این فونت استفاده کردم تو سایت خیلی خوبه ولی بعضی وقتا که بدون فیلترشکن وصل میشن فونت نمایش داده نمیشه.

  • جهان آنلاین

    می 28, 2017 / at 2:42 ب.ظ پاسخ

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

  • حسین

    جولای 25, 2018 / at 8:47 ق.ظ پاسخ

    دمت گرم

  • isi

    ژانویه 14, 2019 / at 9:00 ب.ظ پاسخ

    مرسی از مطلب جالبتون استفاده کردم

  • bahman

    مارس 16, 2019 / at 4:15 ق.ظ پاسخ

    ممنون دوست عزیز
    خیلی دنبال این فونت بودم

Leave a reply

Loading Next Post...
Sidebar Search Trending
محبوب‌های امروز
Loading

Signing-in 3 seconds...

Signing-up 3 seconds...