/ آموزش اضافه کردن انواع فونت ها به ادیتور به زبان ساده
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
نمایش نتایج: از 1 به 3 از 3

مقاله: آموزش اضافه کردن انواع فونت ها به ادیتور به زبان ساده

    1. آموزش اضافه کردن انواع فونت ها به ادیتور به زبان ساده

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

      درود
      این آموزش قبلا توسط Designer

      عزیز قرار داده شده بود فقط این بار زبانش ساده تر و راهکارش کلی تر شده
      برای اینکار ابتدا شما باید فونت مورد نظر رو به سه فرمت eot , woff , ttf دراختیار داشته باشید
      برای اینکار و تبدیل فرمت فونت ها از سایت زیر استفاده کنید
      https://www.kirsle.net/wizards/ttf2eot.cgi
      http://everythingfonts.com/ttf-to-woff
      سپس سه نوع فونت در پوشه ای به نام fonts ذخیره و خود پوشه fonts رو در روت انجمنتون آپلود و اکسترکت کنید
      حالا به additional.css در جست و جوی قالب برید و در ابتدای اون به ازای هر فونت یکبار کد زیر رو اضافه کنید
      کد HTML:
      @font-face {
        font-family: 'namefont';
        src: url('fonts/namefont.eot?#') format('eot'),  /* IE6-8 */
             url('fonts/namefont.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
             url('fonts/namefont.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
      }
      دقت کنید در کد فوق به جای namefont نام فونت مورد نظرخودتون (مثلا اگه سه نوع فونت شما با نام BMITRA ذخیره شدن) کد مورد نظرتون باید بدین شکل باشه
      کد HTML:
      @font-face {
        font-family: 'BMITRA';
        src: url('fonts/BMITRA.eot?#') format('eot'),  /* IE6-8 */
             url('fonts/BMITRA.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
             url('fonts/BMITRA.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */
      }
      نهایتا هم جهت نمایش فونت ها در ویرایشگر از طریق مسیر
      استایل ها & قالب ها --تنظیمات استایل -از روبروی استایل مورد نظر- تنظیمات منوی تولبار ویرایشگر
      را باز کنید و در انتهای فهرست سمت راست نام فونت مورد نظرتون که ایجاد کردید رو وارد کنیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ضمنا تغییرات آنلاین نوع فونت در ادیتور نمایش داده نمیشه
      حقیقتش یادم رفته برای اینکار چه چیزی لازمِمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویرایش توسط AminX : 05-07-2014 در ساعت 12:05 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      9 نفر از اعضا پست Mehrab JT را پسندیده اند


  1. #2
    Morteza آنلاین نیست.
    Morteza
    کاربر سايت
    1,155نوشته800مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    258
    پسندیده است
    1,610 پست
    بلاگ
    1 پست
    میزان امتیاز
    810
    forum.animha.ir/
    برای اینکه در ادیتور ویبولتین به صورت آنلاین تغییر فونت رو مشاهده کنید وارد قالب

    کد:
    editor_contents.css
    بشوید و در ابتدای آن همان کدی رو که به additionall.css اضافه کردید اضافه کنید.
    یعنی این کد رو:

    کد:
    @font-face {  font-family: 'far_aman-webfont';  src: url('fonts/far_aman-webfont.eot?#') format('eot'),  /* IE6-8 */       url('fonts/far_aman-webfont.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/       url('fonts/far_aman-webfont.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */}  
     
    برای تبدیل فونت من این سایت را پیشنهاد میکنم
    http://fontface.codeandmore.com/

    3 نفر از اعضا پست Morteza را پسندیده اند



  2. #3
    justeducation آنلاین نیست.
    justeducation
    کاربر سايت
    1نوشته0مورد پسند

    تاریخ عضویت
    Feb 2015
    شماره عضویت
    8250
    پسندیده است
    14 پست
    بلاگ
    پست
    میزان امتیاز
    10
    No Set
    نقل قول نوشته اصلی توسط Morteza نمایش پست ها
    برای اینکه در ادیتور ویبولتین به صورت آنلاین تغییر فونت رو مشاهده کنید وارد قالب

    کد:
    editor_contents.css
    بشوید و در ابتدای آن همان کدی رو که به additionall.css اضافه کردید اضافه کنید.
    یعنی این کد رو:

    کد:
    @font-face {  font-family: 'far_aman-webfont';  src: url('fonts/far_aman-webfont.eot?#') format('eot'),  /* IE6-8 */       url('fonts/far_aman-webfont.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/       url('fonts/far_aman-webfont.ttf') format('truetype');  /* Saf3-5, Chrome4+, FF3.5, Opera 10+ */}  
     
    برای تبدیل فونت من این سایت را پیشنهاد میکنم
    @font-face generator for web-embedding, worth $3 monthly
    سلام
    بنده همین کارا رو انجام دادم ولی نه فونت در حالت آنلاین عوض میشه و نه در وقتی که پست رو ارسال میکنم.
    ممنون میشم راهنمایی کنید مشکلم کجاست!
    باتشکر
    ------ Updated ------
    مشکل حل شد.
    ویرایش توسط justeducation : 03-19-2016 در ساعت 06:37 PM

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

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