صفحه 1 از 4 123 ... آخرینآخرین
نمایش نتایج: از 1 به 10 از 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 | #2
    StarStarStarStarStarStarStar
    تاریخ عضویت
    November 2012
    شماره عضویت
    1352
    عنوان کاربر
    تیم ترجمه
    میانگین پست در روز
    0.16
    محل سکونت
    شهر سپاهان
    هوادار
    سپاهان اصفهان
    نوشته ها
    347
    موضوع ها
    111
    Thanks
    181
    Thanked 164 Times in 115 Posts
    وب سایت کاربر
    کلیک کنید
    میزان امتیاز
    404
    با سلام.

    فونت مورد نظر رو باید کجا قرار دهیم.منظورم فونتی است که ما از اینترنت میگیریم و تبدیل میکنیم.در چه مسیری باید قرار دهیم؟

    با تشکر از آموزش خوبتون.


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

    باید در مسیر templates/gantry/fonts قرار دهید. gantry نام قالب شماست و در صورت نبودن پوشه fonts شما باید این پوشه را بسازید. (البته شما در مسیر دیگری نیز می توانید فونت را قرار دهید به شرط اینکه در کد نویسی css صحیح آدرس را وارد کنید.)

    سپس اگر فونت در مسیر بالاست، css را باید اینطوری بنویسید:
    کد:
    @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 */     
    }

    موفق باشید.

    The Following 2 Users Say Thank You to Mahdi Manian For This Useful Post: armandelta2002 (Monday 25 March 13),SEPAHAN (Saturday 09 February 13)
    این پست مفید بود؟؟ دکمه گوگل +1 یادتون نره پس!
    کجاست؟ یکی بالای تاپیک سمت چپ و یکی دیگه هم پایین انجمن سمت چپ!


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

  4. Top | #4
    StarStarStarStarStarStarStar
    تاریخ عضویت
    March 2013
    شماره عضویت
    4851
    عنوان کاربر
    عضو انجمن
    میانگین پست در روز
    0.00
    نوشته ها
    1
    موضوع ها
    0
    Thanks
    2
    Thanked 0 Times in 0 Posts
    وب سایت کاربر
    کلیک کنید
    میزان امتیاز
    0
    کاری که فرمودین رو انجام دادم و درست شد مرسی
    اگه میشه کد ها و فوت ها رو در قالب یک فال فشرده اینجا آپ کنین به صورتی که کد ها آماده واسه فونت tahoma باشه مرسی برای نسخه 4 به بعد منظورمه

    ویرایش توسط armandelta2002 : Monday 25 March 13 در ساعت 05:43 PM

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

    کد ها از قبل در خود فریم ورک هست و فکر نمی کنم نیازی باشه چیزی را به صورت فایل ضمیمه کنم! در این آموزش شما فقط کد هایی را تغییر میدید و اضافه می کنید! این کد ها نیز از قبل هستند و فقط شما چند تا کپی پیست می کنید!


    موفق باشید.

    The Following 2 Users Say Thank You to Mahdi Manian For This Useful Post: armandelta2002 (Monday 25 March 13),SEPAHAN (Monday 25 March 13)
    این پست مفید بود؟؟ دکمه گوگل +1 یادتون نره پس!
    کجاست؟ یکی بالای تاپیک سمت چپ و یکی دیگه هم پایین انجمن سمت چپ!


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

  6. Top | #6
    StarStarStarStarStarStarStar
    تاریخ عضویت
    September 2012
    شماره عضویت
    321
    عنوان کاربر
    استادکار جوملا
    میانگین پست در روز
    0.14
    نوشته ها
    319
    موضوع ها
    122
    Thanks
    17
    Thanked 20 Times in 16 Posts
    وب سایت کاربر
    کلیک کنید
    میزان امتیاز
    376
    وقتی یه افزونه یا یه بقولی کامپونیت مجزا از قالب نصب میشه متاسفانه فونت قالب اصلی را اجرا نمیکنه و فونت اریال یا تاهاما اجرا میشه چطور باید به اون برنامه ها هم فهماند از فونت قالب استفاده کنند . مثلا در جوم سووشیال یا کوننا


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

    باید به ازای هر افزونه ای که نصب می کنید، کد های لازم برای بهینه سازی فونت آن را هم بنویسید.


    موفق باشید.

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


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

  8. Top | #8
    StarStarStarStarStarStarStar
    تاریخ عضویت
    September 2012
    شماره عضویت
    321
    عنوان کاربر
    استادکار جوملا
    میانگین پست در روز
    0.14
    نوشته ها
    319
    موضوع ها
    122
    Thanks
    17
    Thanked 20 Times in 16 Posts
    وب سایت کاربر
    کلیک کنید
    میزان امتیاز
    376
    مثل فونت متیرا میخواهم اضافه کنم
    باید بزارم mitra
    یا بزارم
    mirta-webfont
    چون برناهم mitra-webfont ساخته
    و این کد نویسی من ایا درست است

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


  9. Top | #9
    StarStarStarStarStarStarStar
    تاریخ عضویت
    September 2012
    شماره عضویت
    321
    عنوان کاربر
    استادکار جوملا
    میانگین پست در روز
    0.14
    نوشته ها
    319
    موضوع ها
    122
    Thanks
    17
    Thanked 20 Times in 16 Posts
    وب سایت کاربر
    کلیک کنید
    میزان امتیاز
    376
    ایا روش خاص دیگری دارد؟


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

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

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


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

صفحه 1 از 4 123 ... آخرینآخرین

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

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

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

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

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

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


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