Take a fresh look at your lifestyle.

با قدرت گوگل در صفحات وب از فونت‌های نسخ و کوفی استفاده کنید!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.

30 نظرات
  1. نمناک می گوید

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

  2. علی آقا می گوید

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

    1. حسین قبیله می گوید

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

      http://goo.gl/IljNQ

      1. علی آقا می گوید

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

        1. حسین قبیله می گوید

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

  3. رادمهر می گوید

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

  4. علیرضا می گوید

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

    1. ایران آتا می گوید

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

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

  5. بهنام می گوید

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

    1. حسین قبیله می گوید

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

  6. حمید می گوید

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

    http://www.awebfont.ir

  7. Armin می گوید

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

  8. Armin می گوید

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

  9. حسین بوذرجمهری می گوید

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

  10. محمود می گوید

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

  11. یزدان می گوید

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

  12. یزدان می گوید

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

  13. apple می گوید

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

  14. سامانه ارسال پیامک می گوید

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

  15. علی می گوید

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

  16. علی می گوید

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

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

  17. علی می گوید

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

  18. دکوراسیون داخلی می گوید

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

  19. بهترینا می گوید

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

  20. jalaldgr می گوید

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

  21. پرتو صنعت می گوید

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

  22. طراحی صنعتی می گوید

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

  23. حسین می گوید

    دمت گرم

  24. isi می گوید

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

  25. bahman می گوید

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