من از تگ font face استفاده کردم ولی جواب نگرفتم
در مورد فرمایش دوستمون در خصوص تبدیل فرمت ttf به eot باید بگم که در فایر فاکس ttf پشتیبانی میشه و در اکسپلورر باید از eot استفاده کرد در واقع هر دو فرمت مورد نیاز هست ...
متن زیر رو بخونید ، این راه به شما کمک میکنه که فونت دلخواهو مچ کنید ، البته من توی قالب نتونستم بکنم ، ولی در مثالی که قرار داده شده به وضوح مشخصه که این کار شدنیه
دانلود یک فایل html که فونت بهش الصاق شده :
کلیک کنید
اما من هر کاری کردم توی صفحه استایل عمل نمیکنه ، شما تست کنید و همینجا اعلام کنید
به نقل از وبلاگ پویا
_______________________________________________________________________________
اول برای این کار شما به دو فرمت از فایل فونت خود نیاز دارید، فرمت ttf و فرمت eot از فونت خود. اگر تنها فرمت ttf فایل فونت را دارید غصه نخورید از
این لینک استفاده کنید و فونت خود را تبدیل کنید به فرمت eot.
دوم دو فایل را بر روی سرور خود آپلود کنید.
سوم قطعه کد زیر در بالای اولین فایل css خود قرار دهید. اهمیت بالا بودن این قطعه اینه که اول از همه فونت Load بشه و سپس بقیه ی صفحه.
کد:
@font-face {
font-family: FontName;
src: url("path/to/file.eot");
}
@font-face {
font-family: FontName;
src: url("path/to/file.ttf");
}
توجه کنید که در این کد css به جای FontName باید نام فونت را قرار دهید، این نام به انتخاب شماست، میتوانید هرنامی استفاده کنید، این نام همان نامی است که در ادامه ی کد خود با font-family استفده میکنید. همچنین به جای path/to/file.eot باید آدرس فایل فونت با فرمت eot را قرار دهید (این آدرس به صورت Relative و از همین فایل css باید باشد) و به جای path/to/file.ttf هم آدرس فایل با فرمت ttf را قرار دهید.
توضیح دیگه راجب این کد بدم، اینکه این کد از دو قسمت font-face ساخته شده است، قسمت اول فایل eot را import میکند که مخصوص مرورگر Internet Explorer است و قسمت بعدی فایل ttf که مخصوص مرورگرهای دیگر هست رو import میکند.
چهارم از فونت استفاده کنید. حالا فونت بر روی مرورگر Load میشود، کافیست از آن استفاده کنیم، برای این کار باید نام فونت یا همان FontName ای که در بالا تعریف کردیم را در جاهای دیگه ی css استفاده کنیم، مثلا:
کد:
body {
font-family: FontName;
____________________________________________________________________
}
