رفتن به مطلب

آموزش : اضافه نمودن فونت جدید به ادیتور


ارسال‌های توصیه شده

  • مدیر کل بازنشسته سایت

سلام 

برای افزودن فونت به ادیتور باید

اول : به مسیر زیر رفته و یک پوشه به نام fonts ایجاد کنید و فونت ها را داخل این پوشه قرار دهید 

public/js/3rd_party/ckeditor

دوم : در همین مسیری که اشاره شد فایل  contents.css  باز کنید و قبل از body  کلاس فونت ها را اضافه کنید

@font-face {
  font-family: 'Yekan';
  src: url('http://localhost/110/public/js/3rd_party/ckeditor/fonts/Yekan.eot?#') format('eot'),  
       url('http://localhost/110/public/js/3rd_party/ckeditor/fonts/Yekan.woff') format('woff'),  
       url('http://localhost/110/public/js/3rd_party/ckeditor/fonts/Yekan.ttf') format('truetype');  
}
@font-face {
  font-family: 'Homa';
  src: url('http://Site Adress/public/js/3rd_party/ckeditor/fonts/BHoma.eot?#') format('eot'),  
       url('http://Site Adress/public/js/3rd_party/ckeditor/fonts/BHoma.woff') format('woff'),  
       url('http://Site Adress/110/public/js/3rd_party/ckeditor/fonts/BHoma.ttf') format('truetype'); 
       url('http://Site Adress/110/public/js/3rd_party/ckeditor/fonts/BHoma.ttf') format('truetype'); 
}

اولی بطور کامل نوشتم که روی لوکال تست کردم برای حالت دوم اگه توجه کنید کافی بجای Site Adress  آدرس انجمن قرار دهید 

(درواقع این آدرس همون پوشه fonts است که در مرحله اول ایجاد کردیم شما می تونید به هرنحوه ای که دوست دارید آدرس دهی کنید)

 

نکته : همچنین برای نمایش همین فونت ها داخل پست باید کلاس فونت را داخل استایل  ipb_styles  هم اضافه کنید.

 

سوم : دوباره در همون مسیر که اول شاره کردم فایل ckeditor.js  باز کنید و عبارت زیر را جستجو کنید 

n.font_names='Arial/Arial, Helvetica,

و قبل از Arial/Arial  نام فونت هارو اضافه کنید ،  بدین شکل :

n.font_names='Yekan;Homa;Arial/Arial, Helvetica,

نکته : اگر تغییرات اعمال نشد ، حتما کش مروگر را پاک کنید.

 

 

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • پاسخ 30
  • عمر موضوع
  • آخرین پاسخ

یعنی خدا خیرت بده آقا علی .

دستت درد نکنه ، کاملا جواب داد .

الان احساس میکنم دیگه انجمن ساز فول کامل شده .

لینک ارسال
به اشتراک گذاری در سایت های دیگر

تنها یک مشکل وجود داره .

فونت ها همه کار میدن ولی در بعضی مواقع خاص میبینید که ی در کلمه این به صورت جدا از هم در میاد و بعضی مواقع هم فونت توی لیست ادیتور نامرئی میشه ، به نظرتون مشکلش از کجا میتونه باشه ؟

لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • مدیر کل بازنشسته سایت

تنها یک مشکل وجود داره .

فونت ها همه کار میدن ولی در بعضی مواقع خاص میبینید که ی در کلمه این به صورت جدا از هم در میاد و بعضی مواقع هم فونت توی لیست ادیتور نامرئی میشه ، به نظرتون مشکلش از کجا میتونه باشه ؟

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

داداش عباس اون مشکل فونت بیشتر فونت های عربی اینجوری هستند !!

اون ی که به فارسی مینویسید با اون حروف عربی کاملاً ست نیست حتی تو یکی از فونت ها حروف فارسی نوشته نمیشوند!!

لینک ارسال
به اشتراک گذاری در سایت های دیگر

سلام ممنون 


ببینین از فونتت دیگه مثلا نستعلیق هم میشه استفاده کرد ایا ؟؟؟


یا فونت های تزئینی؟


لینک ارسال
به اشتراک گذاری در سایت های دیگر

  • مدیر کل بازنشسته سایت

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

ttf

eot

woff

 

در ضمن از فونت هایی استفاده کنید حجمشون زیاد نباشه

لینک ارسال
به اشتراک گذاری در سایت های دیگر

من فونت یکان ، هوما ، کودک ، نازنین رو میخوام ، فقط همینا ، یکان هم نشد بقیه بشه .

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

لینک ارسال
به اشتراک گذاری در سایت های دیگر

نمیشه با استفاده از یه قطعه کد font-face چندتا فونت رو معرفی کرد و برای هر فونت یک font-face جداگانه درست نکرد ؟

لینک ارسال
به اشتراک گذاری در سایت های دیگر

تو همون انجمن خوزستانی ها این مشکل داری؟؟

تا بیام عضو بشم ببینم من نیز این مشکل دارم . . .

لینک ارسال
به اشتراک گذاری در سایت های دیگر

بایگانی شده

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

  • کاربران آنلاین در این صفحه   0 کاربر

    • هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.
×
×
  • اضافه کردن...