مرجع تخصصی برنامه نویسان

انجمن تخصصی برنامه نویسان فارسی زبان

کاربر سایت

alibahman47

عضویت از 1395/11/13

استفاده از فونت فارسی Adobe Arabic در طراحی سایت

  • سه شنبه 4 اردیبهشت 1397
  • 16:07
تشکر میکنم

درود ,

من از فونت Adobe Arabic در تمام قسمت های پروژم استفاده کردم ,

و همینطور برای ادیتور froala که استفاده میکنم این فونت و چندتا فوت فارسی دیگه رو اضافه کردم ,

ایا ممکنه در زمان آنلاین شدن سایت این فوت در مروگر بعضی کاربر ها به مشکل بخوره و درست نمایش داده نشه ؟

و سوال مهم تر : آیا باید فایل فیزیکی و یا cdn برای فوت هایی که استفاده میکنیم در کنار پروژه قرار بگیره ؟اگه اره لطفا یک لینک cdm مربوط به فوت های فارسی رو معرفی کنید.

پاسخ های این پرسش

تعداد پاسخ ها : 4 پاسخ
کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • سه شنبه 4 اردیبهشت 1397
  • 17:28

معمولا برای فونت از cdn استفاده نمیکنیم

کنار پروژه قرار دهید

کاربر سایت

alibahman47

عضویت از 1395/11/13

  • سه شنبه 4 اردیبهشت 1397
  • 17:41

خوب استاد از کجا میتونم فایل رو گیر بیارم ,

برای فونت فارسی Adobe Arabic

کاربر سایت

ایمان مدائنی

عضویت از 1392/01/20

  • سه شنبه 4 اردیبهشت 1397
  • 18:29

مگه فونت رو ندارید ؟

دارید که استفاده کردید

اگر ندارید سرچ کنید پیدا میشه ، من تا حالا با این فونت کار نکردم

کاربر سایت

s8990

عضویت از 1394/11/25

  • سه شنبه 4 اردیبهشت 1397
  • 18:38

اگه فونت رو توی سیستمتون دارین فونت های موردنظرتون رو از توی پوشه fonts توی controlpanel سیستمتون کپی کنین توی یک فولدر دیگه (مثلا دسکتاپ)، اگه هم ندارین از نت دانلود کنین .

بعد به آدرس زیر برین :

https://www.web-font-generator.com/

فونتتون رو از طریق browse پیدا کنین و روی دکمه generate web font کلیک کنید . فونت فیس های لازم رو میده . این فونت ها رو کنار پروژه تون توی پوشه fonts یا هرجای دلخواه قرار بدین . و کد زیر رو توی فایل css پروژتون اضافه کنین و آدرس ها رو اصلاح کنین : 

@font-face {
  font-family: 'MyWebFont';
  src: url('webfont.eot'); /* IE9 Compat Modes */
  src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('webfont.woff2') format('woff2'), /* Super Modern Browsers */
       url('webfont.woff') format('woff'), /* Pretty Modern Browsers */
       url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

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

نام کلاس یا آیدی مورد نظر{
  font-family: 'MyWebFont', Fallback, sans-serif;
}

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

موفق و سربلند باشید

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)