صفحه 4 از 4 نخستنخست ... 234
نمایش نتایج: از 31 به 32 از 32
    1. آموزش افزودن فونت دلخواه به قالب های فریم ورک گنتری Details »»

      آموزش افزودن فونت دلخواه به قالب های فریم ورک گنتری

      Version: , by (مدير کـــــــــل) Mahdi Manian آنلاین نیست.
      Developer Last Online: Nov 2018 پرینت این صفحه / حالت نمایش بصورت پرینت شده ارسال این صفحه به ایمیل یک دوست یا خودتان
      vB Version: (جوملا همه نسخه ها) امتیاز:  Installs: 0
      Released: Saturday 09 February 13 Last Update: Never Downloads: 0
      Supported

      با سلام خدمت همراهان همیشگی جومیران

      امروز یکی از کاربران جومیران سوال پرسیده بودند چطور امکان اضافه کردن فونت دلخواه به قالب های گنتری هست، به همین منظور من این تاپیک را ایجاد کردم تا آموزش این کار را خدمت دوستان عزیز ارائه دهم. این آموزش در نسخه های 4.0 و 4.1 و حتی نسخه های قبل گنتری جواب خواهد داد.

      بعد از این آموزش فونت شما در مدیریت قالب قابل تنظیم است.

      اینکار دو مرحله دارد:
      1.افزودن فونت به فایل template-options.xml
      2.افزودن کد های css

      برای مرحله اول این فایل را باز کنید (این فایل در قالب شماست. برای مثال در آدرس: templates/gantry/ می باشد.) و دنبال کد زیر بگردید:
      کد:
      <option value="geneva">Geneva</option>
      سپس پس از این کد، کد زیرا بنویسید:
      کد:
      <option value="mywebfont">MyWebFont</option>
      MyWebFont نام فونت شماست که با توجه به نام فونت شما نوشته می شود. این فایل را ذخیره کنید و فایل template-rtl.css و یا template.css را واقع در پوشه css در نسخه های قدیمی و در نسخه های جدید (4.0 و 4.1) فایل template-rtl.less و یا template.less را که در پوشه less واقع است باز کنید. برای مثال آدرس templates/gantry/less.
      توجه داشته باشید در صورتی که می خواهید فونت شما در همه ی زبان ها لود شود، وارد فایل template و در صورتی که می خواهید فقط برای زبان های راست چین مثل فارسی و عربی لود شود وارد فایل template-rtl شوید.

      برای لود شدن فونت در قالب کد زیرا به این فایل اضافه کنید:
      کد:
      @font-face {     
          font-family: 'MyWebFont';     
          src: url('../fonts/webfont.eot'); /* IE9 Compat Modes */     
          src: url('../fonts/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */          
          url('../fonts/webfont.woff') format('woff'), /* Modern Browsers */          
          url('../fonts/webfont.ttf')  format('truetype'), /* Safari, Android, iOS */          
          url('../fonts/webfont.svg#svgFontName') format('svg'); /* Legacy iOS */     
      }
      توجه داشته باشید که باید فونت خود را ابتدا با فرمت ttf در اینترنت پیدا کرده و سپس با استفاده از ابزار زیر به فرمت های eot و woff و Svg نیز تبدیل کنید:
      [فقط اعضا می توانند لینک ها را ببینند. ]

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

      همچنین اشاره کنم که فونت شما باید در مسیر templates/gantry/fonts آپلود شود که gantry نام قالب شماست. همچنین به جای MyWebFont باید نام فونت خود را بنویسید.

      سپس برای افزوده شدن فونت به پارامتر اعمال شده در گنتری، کد زیرا به همین فایل اضافه کنید:
      کد:
      .font-family-mywebfont {font-family: 'MyWebFont', Tahoma, sans-serif;}
      باید در این کد هم به جای MyWebFont و هم mywebfont که در کلاس font-family-mywebfont آماده است، نام فونت خودتان را بنویسید. به این صورت:
      کد:
      .font-family-koodak {font-family: 'Koodak', Tahoma, sans-serif;}
      امیدوارم آموزش مورد استفاده واقع شده باشد. هر مشکلی سوالی بود در خدمتیم. موفق باشید.


      توجه: این آموزش توسط وب سایت جومیران نوشته شده است. هرگونه کپی برداری تنها با ذکر منبع به و لینک مستقیم به [فقط اعضا می توانند لینک ها را ببینند. ] مجاز است.

      موضوعات مشابه:

      Show Your Support

      • This modification may not be copied, reproduced or published elsewhere without author's permission.
      • برای تشکر از نویسنده بر روی کلیک کنید.
        The Following 5 Users Say Thank You to Mahdi Manian For This Useful Post: mj123 (Wednesday 05 June 13),Mojtaba (Tuesday 31 December 13),pasar (Tuesday 31 December 13),SEPAHAN (Thursday 04 July 13),shervin_20 (Monday 03 June 13)

    Similar Mod

    آخرين نوشته
    پاسخ
    Type
    Developer
    مدیریت
    08:33 PM Tuesday 24 July 12
    0
    آموزش های جوملا 2.5 / 1.7
    Mojtaba
    11:45 PM Tuesday 07 August 12
    0
    آموزش های جوملا 2.5 / 1.7
    Mahdi Manian
    04:49 PM Thursday 30 August 12
    2
    آموزش های جوملا 2.5 / 1.7
    محمدحسین میری
    03:30 PM Tuesday 30 October 12
    0
    آموزش های جوملا 2.5 / 1.7
    shervin_20
    03:18 PM Thursday 17 January 13
    0
    آموزش های جوملا 2.5 / 1.7
    Mahdi Manian
    02:46 PM Monday 28 January 13
    0
    آموزش های جوملا 2.5 / 1.7
    mohammad2232
    09:03 PM Monday 28 January 13
    2
    آموزش های جوملا 2.5 / 1.7
    mohammad2232
    07:36 PM Tuesday 21 May 13
    1
    آموزش های جوملا 2.5 / 1.7
    hamidnpc
    12:46 AM Wednesday 11 September 13
    3
    آموزش های جوملا 2.5 / 1.7
    ali09366
    03:19 PM Saturday 14 September 13
    8
    آموزش های جوملا 2.5 / 1.7
    hamidnpc
  1. # ADS
    Circuit advertisement
    تاریخ عضویت
    Always
    محل سکونت
    Advertising world
    نوشته ها
    Many


    اینجا محل تبلیغات شماست.

     

  2. Top | #32
    StarStarStarStarStarStarStar
    تاریخ عضویت
    January 2013
    شماره عضویت
    2947
    عنوان کاربر
    عضو انجمن
    میانگین پست در روز
    0.01
    نوشته ها
    23
    موضوع ها
    8
    Thanks
    10
    Thanked 6 Times in 5 Posts
    وب سایت کاربر
    کلیک کنید
    میزان امتیاز
    79
    سپس برای افزوده شدن فونت به پارامتر اعمال شده در گنتری، کد زیرا به همین فایل اضافه کنید:
    کد:

    .font-family-mywebfont {font-family: 'MyWebFont', Tahoma, sans-serif;}

    این کد رو توی چه قسمتی از فایل درج کنیم؟دقیقا بعد از همون خطی که کلاس فونت تعریف شده ریختم جواب نداد توی قسمت body هم ریختم جواب نداد؛لطفا یک نمونه فایل rtl.less رو برام پیوست کنید ببینم چطوریه
    ممنونم!


  3. Top | #33
    StarStarStarStarStarStarStar
    تاریخ عضویت
    July 2012
    شماره عضویت
    1
    عنوان کاربر
    مدير کـــــــــل
    میانگین پست در روز
    2.28
    محل سکونت
    اصفهان
    هوادار
    سپاهان - رئال مادرید
    نوشته ها
    5,323
    موضوع ها
    76
    Thanks
    1,925
    Thanked 1,971 Times in 1,531 Posts
    وب سایت کاربر
    کلیک کنید
    میزان امتیاز
    1000
    درود

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


    موفق باشید.

    این پست مفید بود؟؟ دکمه گوگل +1 یادتون نره پس!
    کجاست؟ یکی بالای تاپیک سمت چپ و یکی دیگه هم پایین انجمن سمت چپ!


    [فقط اعضا می توانند لینک ها را ببینند. ] - [فقط اعضا می توانند لینک ها را ببینند. ] - [فقط اعضا می توانند لینک ها را ببینند. ] - [فقط اعضا می توانند لینک ها را ببینند. ]

صفحه 4 از 4 نخستنخست ... 234

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

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

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

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

مجوز های ارسال و ویرایش

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


از انجمن جومیران در گوگل حمایت کنیم.