مرجع پارسی MyBB
[برای ۱.۸] آموزش افزودن فونت جدید به ادیتور پیشفرض SCEditor - نسخه‌ی قابل چاپ

+- مرجع پارسی MyBB (https://community.mybbiran.com)
+-- انجمن: نسخه MyBB 1.8 (https://community.mybbiran.com/forum-149.html)
+--- انجمن: آموزش ها (https://community.mybbiran.com/forum-151.html)
+---- انجمن: آموزش تغییرات (https://community.mybbiran.com/forum-155.html)
+---- موضوع: [برای ۱.۸] آموزش افزودن فونت جدید به ادیتور پیشفرض SCEditor (/thread-17796.html)

آموزش افزودن فونت جدید به ادیتور پیشفرض SCEditor - firstboy000 - ۱۳۹۴/۱/۶

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

خب فایل زیر رو پیدا و باز کنید: jquery.sceditor.xhtml.min.js  و jquery.sceditor.min.js  و  jquery.sceditor.bbcode.min.js    --- توی پوشه jscripts\sceditor قرار داره ---

تک تک کد زیر رو سرچ کنید داخلشون:
کد php:
fonts:"Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana" 

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


تست شده، 100% سالم.

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


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

منبع: مای بی بی ایران

RE: آموزش افزودن فونت جدید به ادیتور پیشفرض SCEditor - sia2 - ۱۳۹۴/۱/۶

خیلی ممنون

اون قسمت کد سی اس اس رو هم توضیح میدادین Big Grin
اگه قرار باشه که واسه کاربر لود نشه به درد نمیخوره Confused

RE: آموزش افزودن فونت جدید به ادیتور پیشفرض SCEditor - firstboy000 - ۱۳۹۴/۱/۷

کد:
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'),
url('fonts/BYekan.ttf') format('truetype'),
url('fonts/BYekan.woff') format('woff');
}

خب به فرم بالا دقت کنید.خط اول و آخر ثابت هست.
خط دوم میگه که اسمی که فراخوانی بشه چی هست به این صورت نوشته شده BYekan که شما این اسمو باید توی همون سه تا فایل بنویسید.اگر متفاوت باشه به صورت آنلاین لود نمیشه.
خطوط بعدی میگن که فونت ها به سه فرمت موجود هستن که توی فلان جا(پوشه فونت در روت مای بی بی)قرار دارن این یعنی اینکه شما باید این سه فرمت از فونت رو با همون اسم توی پوشه fonts آپلود کنید...

حالت بعدی برای خلاص شدن از دردسر پیدا کردن فونت و آپلود و... استفاده از سایت های ارائه دهنده فونت آنلاین هستن. [تصویر: photos.png] نمونه: http://fontonline.ir
فونت مورد نظر رو میتونید از اینجا دانلود کنید یا اینکه با قرار دادن کدی که داده توی قالب headerinclude و یا جاهایی که خودتون فکر میکنید لازمه اون فونت رو فراخوانی کنید. مثال میزنم که راحت باشید:
برای فونت بی یکان وارد صفحش میشیم http://fontonline.ir/byekan.html
کد مرحله یک رو به انتهای قابلی که گفتم اضافه میکنیم:
کد:
<link href='http://www.fontonline.ir/css/BYekan.css' rel='stylesheet' type='text/css'>

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

RE: آموزش افزودن فونت جدید به ادیتور پیشفرض SCEditor - sia2 - ۱۳۹۴/۱/۸

(۱۳۹۴/۱/۷، ۱۱:۵۵:۰۷ صبح)firstboy000 نوشته است:
کد:
@font-face {
font-family: 'BYekan';
src: url('fonts/BYekan.eot?#') format('eot'),
url('fonts/BYekan.ttf') format('truetype'),
url('fonts/BYekan.woff') format('woff');
}

خب به فرم بالا دقت کنید.خط اول و آخر ثابت هست.
خط دوم میگه که اسمی که فراخوانی بشه چی هست به این صورت نوشته شده BYekan که شما این اسمو باید توی همون سه تا فایل بنویسید.اگر متفاوت باشه به صورت آنلاین لود نمیشه.
خطوط بعدی میگن که فونت ها به سه فرمت موجود هستن که توی فلان جا(پوشه فونت در روت مای بی بی)قرار دارن این یعنی اینکه شما باید این سه فرمت از فونت رو با همون اسم توی پوشه fonts آپلود کنید...

حالت بعدی برای خلاص شدن از دردسر پیدا کردن فونت و آپلود و... استفاده از سایت های ارائه دهنده فونت آنلاین هستن. [تصویر: photos.png] [تصویر: photos.png][b] نمونه:[/b] http://fontonline.ir
فونت مورد نظر رو میتونید از اینجا دانلود کنید یا اینکه با قرار دادن کدی که داده توی قالب headerinclude و یا جاهایی که خودتون فکر میکنید لازمه اون فونت رو فراخوانی کنید. مثال میزنم که راحت باشید:
برای فونت بی یکان وارد صفحش میشیم http://fontonline.ir/byekan.html
کد مرحله یک رو به انتهای قابلی که گفتم اضافه میکنیم:
کد:
<link href='http://www.fontonline.ir/css/BYekan.css' rel='stylesheet' type='text/css'>

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

RE: آموزش افزودن فونت جدید به ادیتور پیشفرض SCEditor - firstboy000 - ۱۳۹۴/۱/۸

برای حالت اول رو که به پوسته ها > پوسته مورد نظر> ابتدای کدهای global.css وارد میکنید کافیه

برای حالت دوم رو هم به انتهای کدهای قالب های دسته بندی نشده >  headerinclude کافیه