shahinparsa1329

درج @font face در قالب

7 پست در این موضوع

با سلام

من کد زیر را در فایل template، ابتدای صفحه قرار دادم. و خود فونت ها را هم در همان پوشه گذاشتم ولی وقتی خود فونت برای تست از کامپیوترم پاک کردم فونت ها در سایت تغییر کرد.

من قالب را با ارتیستر طراحی کردم. لطفاً راهنمایی فرمایید.

@font-face {

font-family: 'b_nazaninregular';

src: url('b_nazanin-webfont.eot');

src: url('b_nazanin-webfont.eot?#iefix') format('embedded-opentype'),

url('b_nazanin-webfont.woff') format('woff'),

url('b_nazanin-webfont.ttf') format('truetype'),

url('b_nazanin-webfont.svg#b_nazaninregular') format('svg');

font-weight: normal;

font-style: normal;

با تشکر

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

کدوم فونت را پاک کردید؟

اگه منظورتونهمین فونتی هست که توی پوشه گذاشتید خب طبیعی هست دیگه فونتی نیست که فراخونی بشه

Share this post


Link to post
Share on other sites

من فونت B Nazanin را برای قالب تعریف کردم. چون خواست مشتری است.

اگر می شود لطفاً بگویید که @font face را چگونه و در کدام فایل CSS قالب ارتیستر قرار دهم؟

تشکر

Share this post


Link to post
Share on other sites

ابتدا این پک رو دانلود کنید

http://dl.karazmoodeh.com/files/webfont-package.zip

فونت های اصلاح شده هستن

سپس فونت مورد نظرتون رو تو سایت آپلود کنید

سپس از کد زیر استفاده کنید و این کد رو تو اولین سطر TEMPLATE.CSS قالبتون قرار بدین

کد:

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

دقت کنید که اسم فونت فامیلی رو مثل نمونه بنویسید

سپس فونت فامیلی رو به کلاس های قالبتون مثل H1 و H2 و ... اضافه کنید . کار تمومه

و این مورد هم هست که اگر به فونت های اون پک دقت کنید هر فونت در سه فرمت موجود می باشد یعنی ttf ، eot و woff که باید هر سه اونارو استفاده کنید . چون یه فرمت برای مک هست ، یه فرمت برای مرورگر هایی بر پایه مرورگ اینترنت اکسپلورر و ... هستش .

Share this post


Link to post
Share on other sites

ارسال شده در (ویرایش شده)

با سلام

من این روش را انجام دادم ولی وقتی روی سیستمی می روم که این فونت را ندارد عمل نمی کند.

@font-face {
 font-family: 'BNazanin';
 src: url('BNazanin.eot?#') format('eot'),
      url('BNazanin.woff') format('woff'),
      url('BNazanin.ttf') format('truetype');
}
#art-main
{
 background: #FDEBDD url('../images/page.jpeg') no-repeat scroll;
 margin: 0 auto;
 font-size: 13px;
 font-family: 'BNazanin', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
 font-weight: normal;
 font-style: normal;
 position: relative;
 width: 100%;
 min-height: 100%;
 left: 0;
 top: 0;
 cursor: default;
 overflow: hidden;
}

table, ul.art-hmenu
{
 text-align:center; 
 font-size: 13px;
 font-family: 'BNazanin', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
 font-weight: normal;
 font-style: normal;
}

ویرایش شده در توسط shahinparsa1328

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری