پارس جوم :: انجمن های تخصصی جوملا

آموزش نحوه درج فونت دلخواه در قالب سایتتون

قدم اول : فونت مورد نظر را به 3 فرمت eot . ttf و woff تبدیل کنید . با سایت های آنلاین میشه.

قدم دوم : فونت ها را توی پوشه ای بریزید.

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

کد: 

@font-face {

    font-family: 'yekan';

    src: url('../fonts/BYekan.eot');

    src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),

         url('../fonts/BYekan.woff') format('woff'),

         url('../fonts/BYekan.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

[/code]
در کد بالا در قسمت font-family: 'yekan'; به جای yekan هر اسمی میخوایید برای فونتتون بزارید.
ولی گزینه های بعدی باید اسم فونت موجود در پوشه باشه

خب قدم آخر هم اینه که در کلاس ها و دایو های خودتون این را بنویسید

کد: 

font-family:'yekan';

تموم شد. . تشکر و اعتبار یادتون نره Blush

ممنون از آموزش خوب و مفیدتون
ارادتمند

احتراما من این کدهایی رو که گفتن بزارید رو گذاشتم توی بخش custom.css قالب مون...ولی تغییری ایجاد نشد والبته پوشه مربوط به فونت yekan رو هم آپلود کردم در این مسیر
public_html/templates/template-name/fonts/yekan

نمیدونم مشکل کجاست؟!

این کل کدی هست که من توی بخش custom.css گذاشتم :

کد: 

@font-face {

    font-family: 'yekan';

    src: url('../fonts/BYekan.eot');

    src: url('../fonts/BYekan.eot?#iefix') format('embedded-opentype'),

         url('../fonts/BYekan.woff') format('woff'),

         url('../fonts/BYekan.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

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

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

ببخشید آدرس ما اینطوری میشه ؟

دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.

درود
اگر فایل های سی اس اس قالب در پوشه ای به نام css باشند و شما فونت ها را در پوشه ای بنام fonts و در پوشه قالب قرار داده باشید کدهای قرار داده شده بالا درست است.در تنظیمات قالب و در بخش تایپوگرافی شما گوگل فونت را غیرفعال کنید و تست کنید شاید شما مراحل را درست انجام دادید.تصویر زیر برای فونت سفارشی است :

YasinDesign

glassy

سینما

Reza Ganji

سینما

Reza Ganji