مشکل در فراخوانی فونت در سایت

[alireza1375 892]

با سلام.

برای استفاده از فونت در سایت از کد زیر در css استفاده می کنم.

@font-face{
font-family:b 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'),
				 url('fonts/BYekan.svg#CartoGothicStdBook') format('svg');
	    font-weight: normal;
	    font-style: normal;
}

این کد باید در تمام مرورگر های پشتیبانی شود ولی فقط در گوگل کروم فونت نمایش داده می شود.چرا؟

مورد دیگه هم مشاهده کرده که فکر می کنم مروبط به سرعت لود فونت ها است برای رفع آن برای چه کار کرد؟

این ارور ها هم مربوط به سوال قبل می شوند یا مشکل چیز دیگری است؟

[rezakianoosh 1795]

شیوه صحیح استفاده از فونت که همینه

@font-face {
font-family: 'BYekan';
src: url('/fonts/BYekan.eot');
src: local('b BYekan'),
url('fonts/BYekan.woff') format('woff'),
url('fonts/BYekan.ttf') format('truetype'),
url('BYekan.svg') format('svg');
font-weight: normal;
font-style: normal;
}

از اخرین نسخه مرورگرهای موزیلا و کروم استفاده میکنید ؟

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

[alireza1375 892]

در فایرفاکس 29:

در کروم 35:

ویرایش شده خرداد 93 توسط alireza1375

[Black_Sky 6349]

قبلا بحث شده

جستجو کنید و اگر به جایی نرسیدید اطلاع بدید

[پویابهروش 237]

در مرورگر مورد نظر ، با زدن کلید های ترکیبی CTRL+F5 کش های مرورگرتون رو در اون صفحه خالی کنید بعد ببینید تغییری رخ می ده یا نه ؟

[alireza1375 892]

قبلا بحث شده

جستجو کنید و اگر به جایی نرسیدید اطلاع بدید

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

@font-face{
font-family:BYekan;
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'),
url('fonts/BYekan.svg#CartoGothicStdBook') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:BTitr;
src: url('fonts/BTitr.eot');
src: url('fonts/BTitr.eot#iefix') format('embedded-opentype'),
url('fonts/BTitr.woff') format('woff'),
url('fonts/BTitr.ttf') format('truetype'),
url('fonts/BTitr.svg#CartoGothicStdBook') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family:BNazanin;
src: url('fonts/BNazanin.eot');
src: url('fonts/BNazanin#iefix') format('embedded-opentype'),
url('fonts/BNazanin.woff') format('woff'),
url('fonts/BNazanin.ttf') format('truetype'),
url('fonts/BNazanin.svg#CartoGothicStdBook') format('svg');
font-weight: normal;
font-style: normal;
}
font-family:BMitra;
src: url('fonts/BMitra.eot');
src: url('fonts/BMitra#iefix') format('embedded-opentype'),
url('fonts/BMitra.woff') format('woff'),
url('fonts/BMitra.ttf') format('truetype'),
url('fonts/BMitra.svg#CartoGothicStdBook') format('svg');
font-weight: normal;
font-style: normal;
}

مثلا کد زیر در کروم مشکلی ندارد ولی در فایر فاکس نمایش داده نمی شود.

font:13px b yekan;

ولی وقتی کد را به شکل زیر در می آورم تغییرات هم در کروم و هم در فایرفاکس اعمال می شود.ولی وقتی فونت دیگر را به جای میترا می گذارم تغییری اعمال نمی شود.

font:13px "BMitra" ;

من چگونه باید فونت هایی که در css سایت نوشتم را فراخوانی کنم؟

ویرایش شده خرداد 93 توسط alireza1375

[SM-Mahdavi 5427]

سلام

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

http://www.fontsquirrel.com/ ای سایت رو ببینید

[alireza1375 892]

سلام

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

http://www.fontsquirrel.com/ ای سایت رو ببینید

متوجه نشدم.بیشتر توضیح دهید.

[پویابهروش 237]

دوست عزیز مشکل از فونت ها نیست و همینطور اینکه شما فونت فیس رو هم درست به کار بردید. شما در فراخوانی اسم فونت اشتباه می کنید. برای مثال شما به خط دوم کدهای زیر دقت کنید که به کار بردید:

@font-face{
font-family:BYekan;
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'),
url('fonts/BYekan.svg#CartoGothicStdBook') format('svg');
font-weight: normal;
font-style: normal;
}

شما اینگونه تعریف کردید که فونت یکان به صورت BYekan فراخوانی بشه. در صورتی که هنگامی که خواستید فونت رو به کار ببرید اینطوری استفاده کردید:

font-family:B Yekan;

یا اینطوری:

font-family:b Yekan;

یعنی شما به صورت B Yekan یا b yekan به کار بردید که اشتباهه و با توجه به اینکه شما در کدهای اولی به صورت BYekan تعریف کردید ، حتما باید به صورت BYekan فرخوانی کنید. اگر توجه کنید این مشکل برای فونت میترا که فراخوانی کردید وجود نداره چون اونجوری که تعریفش کردید همونطور هم فراخوانی کردید

[alireza1375 892]

من این کار را انجام دادم نشد.کسی هست کهی می تواند pm یده مشخصات را بهش بدهم برایم انجام دهد.خیلی ممنون می شوم.