متون با فونت دلخواه

[ayub_coder]

با سلام
می خواستم بدونم آیا راهی هست که من متنهای سایتم رو با یه فونت دلخواهی که دارم نمایش بدم.
مثال:
من در سایتم از یه فونت مثل B Zar استفاده کردم.
می خوام مطالب سایت را با این فونت نمایش بدم ولی معمولا روی همه سیستمها این فونت نصب نیست
آیا راهی هست مثلا این فونت b_zar.ttf روی سرورم بذارم و از همین فونت استفاده شه که همه جا سایتم (چه این فونت رو سیستمش نصب باشه چه نباشه) متن رو با فونت مورد نظرم رو نمایش بده؟

[Reza1607]

مطالعه بفرماييد
www.css3.info/preview/web-fonts-with-font-face/

[ayub_coder]

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

[MSN_Issue]

دوست عزیز اگه اون لینک پست 2 رو مطالعه میفرمودید، متوجه میشدید که این دستور مال css2 هست و مرورگر های قدیمی هم ساپورتش میکنن !

Not exactly a feature which is new to CSS3, @font-face was first proposed for CSS2 and has been implemented in Internet Explorer since version 5! However, their implementation relied on the proprietary Embedded Open Type (.eot) format, and no other browsers decided to use this format. With the release of Safari 3.1, however, website makers can use any licensed TrueType (.ttf) or OpenType (.otf) font in their pages.

[com.mohsen]

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

فایل ها رو هم برای دانلود گذاشتم. دانلود کنید (http://s1.picofile.com/file/7212089244/font.rar.html)

اگه قابل تصییح هست توضیح بدید.

متشکرم

[ravand]

اول فونت مورد نظر رو روي سايتت آپلود كن بعد به اين روش ازش استفاده كن:

<style>
@font-face {
font-family: BZaman;
src: url(http://ravand.pergig.ir/BZaman.ttf);
}

h1 {
font-family: BZaman;
}
</style>
<h1>
متن نوشته شده توسط شما
</h1>
حتما بايد اين كدهاي html رو روي هاستي بذاري كه فايل فونت رو آپلود كردي.

[com.mohsen]

می تونم بپرسم فرق کد شما با من چیه؟

[tux-world]

فرقش اينه كه شما آدرس كه معرفي كرديد:

src: url("nassim.ttf");
مرورگر پيش فرض سعي ميكنه از خود سيستم بخونه اگه بود كه هيچچي نبود از فونت پيش فرض استفاده ميكنه. درستش اينه :
src: url(http://ravand.pergig.ir/BZaman.ttf);

[com.mohsen]

خب من فونتمو کنار فایل index و mycss گذاشتم و آدرس فونت رو اونجا گذاشتم و نباید مشکلی داشته باشه.
چرا تو fierfox درست نشون میده ولی تو explorer نه.فکر نکنم جواب قانع کننده ای داده اید

[AMIBCT]

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

font-face: BZaman, Tahoma

تا اگر مرورگر از ادغام فونت پشتیبانی نمی‌کرد از یک فونت مناسب‌تر استفاده کند

در کار وب از این مشکل‌ها زیاد است و اینکه انتظار داشته باشید از آخرین قابلیت‌ها استفاده کنید و در تمام مرورگرها هم بدون تفاوت به نتیجه برسید انتظار نامعقولی است

[com.mohsen]

پس از تلاش فراوان پاسخ را خودم بالاخره بدست آوردم

ابتدا باید فونت شما به سه مدل eot و ttf و woff باشند که می توانید از لینک زیر 40 فونت فارسی با سه فرمت را به صورت کامل دانلود کنید. دانلود کنید (http://barnamenevis.org/www.dl.iranhex.com/zip/Farsi_Web_Font_Package%20%5BIRANHEX.com%5D.zip)
پسورد و منبع : www.iranhex.com
(http://www.iranhex.com/)

سپس باید کد زیر را در استایل خود قرار داده:(کاملا تست شده و در دو مرورگر فایرفاکس و اکسپلور جواب داده)


@font-face { font-family: 'BHomaRegular';
src: url('bhoma-webfont.eot');
src: url('bhoma-webfont.eot?#iefix') format('eot'),
url('bhoma-webfont.woff') format('woff'),
url('bhoma-webfont.ttf') format('truetype'),
font-weight: normal;
font-style: normal;
}

BHomaRegular : نام فونت که به دلخواه می توانید بگذارید
bhoma-webfont : نام فونتی که می خواهید استفاده کنید و دانلود کرده اید و در کنار فایل css قرار دارد.

[ravand]

يعني منظور شما اين هست كه براي اين كار بايد از يك نوع فونت با چند پسوند استفاده كرد؟ الان شما اينجا چند آدرس گذاشتيد. ميشه با يك آدرس اين كار رو كرد؟

[com.mohsen]

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

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

[com.mohsen]

یه نمونه کامل گذاشتم براتون که کاملا واضح متوجه شوید

دانلود (http://s2.picofile.com/file/7216410856/view_font.rar.html)

تشکر یادتون نره

[ravand]

من تستش كردم با اكسپلورر ، اپرا و فايرفاكس كار ميكرد ولي با كروم سازگار نبود.

[com.mohsen]

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

[manager_66]

منم تست کردم رو کروم سازگار نبود البته کروم من ورژنش 4 بود روی نسخه های بالاتر (8 به بالا) جواب میده .