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

[shahinparsa1329 12]

با سلام

من کد زیر را در فایل 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;

با تشکر

[mmfallah 67]

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

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

[shahinparsa1329 12]

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

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

تشکر

[mmfallah 67]

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

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 که باید هر سه اونارو استفاده کنید . چون یه فرمت برای مک هست ، یه فرمت برای مرورگر هایی بر پایه مرورگ اینترنت اکسپلورر و ... هستش .

[shahinparsa1328 10]

با سلام

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

@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;
}

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

[sdns 14]

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

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

[ali09366 13]

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

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

خیلی سایت مفیدی بود ممنون