PDA

View Full Version : استفاده از فونتی غیر از فونت های معمول در طراحی وب سایت



mohammad-gh
سه شنبه 30 آبان 1391, 19:10 عصر
با سلام
همانطورکه می دانیم در طراحی وب سایت از فونتهایی استفاده می کنیم که نوعی سنتی هستند
مثل tahoma
من می خوام از یک فونت خاص در سایت استفاده کنم ، می دونم که خود فایل فونت باید در سایت قرار گیرد
اما چطور از آن استفاده کنم
شرط اصلی در استفاده این هست که همه بازدید کنندگان سایت بتونن اون رو به یک شکل و با همون فونت ببینند

$ M 3 H R D A D $
سه شنبه 30 آبان 1391, 21:59 عصر
<style type="text/css">
@font-face {
font-family: cool_font;
src: url('font/danstevis.otf');
}
p.custom_font{
font-family: cool_font; /* no .ttf */
font-size: 18px;
color:#CD5C5C;
direction: rtl;

}
</style>

mrgraphy
چهارشنبه 01 آذر 1391, 00:48 صبح
سلام دوست عزیز.
شیوه صحیح استفاده از فونت ها در صفحات وب اینطوری هستش.
روشی که مهرداد گذاشته درسته اما فقط تو سیستم عامل ویندوز کار میکنه.
این روش کاملش هست.


@font-face {
font-family: "byeka";
src: url("font/BYekan.eot?#") format("eot"),
url("font/BYekan.woff") format("woff"),
url("font/BYekan.ttf") format("truetype");
}


موفق باشید.

$ M 3 H R D A D $
چهارشنبه 01 آذر 1391, 05:55 صبح
من تو جستجو هام همین نمونه و دیدم و به این موضوع که فرمودید اطلاع نداشتم.اما تشکر که کد جدیدی گذاشتید

moshaver71
چهارشنبه 01 آذر 1391, 08:08 صبح
http://www.wedesign.ir/css/css3-font-face-methods-and-optimized-font-firefox6
توی این لینک یه پکیج از فونت های قابل استفاده در وب هست که همشون اصلاح شدن تا با تمام مرورگر ها سازگار باشن.
فقط در نظر داشته باشید که توی IE6 کار نمیکنن

imanitc
چهارشنبه 01 آذر 1391, 09:50 صبح
يه سري به اين سايت بزن فوتت بايد بهش بدي خودش ميسازه برات + سي اس اسش م بهت ميده خيلي خوبه

http://www.kirsle.net/wizards/ttf2eot.cgi

sharax
چهارشنبه 01 آذر 1391, 13:09 عصر
دانلود پیکیج فونت اصلاح شده (http://www.mihandownload.com/amin/webfont-package.zip)
دیگه راحتی با دانلود این پکیج! هم فونت هست و هم نمونه و سایز
منبع wedesign (http://www.wedesign.ir/css/css3-font-face-methods-and-optimized-font-firefox6)