PDA

View Full Version : سوال: چطوری میشه یه فونتی که تو سیستم کاربر نیست رو تو وبسایت استفاده کرد؟



ghasemweb
پنج شنبه 27 مرداد 1390, 01:42 صبح
میخوام از فونت فارسی استفاده کنم ولی احتمال داره تو سیستم کاربر نصب نباشه و نوشته ما بد ریخت بشه!!!
آیا راه حلی هست که بشه فونت رو از هاست به سیستم کاربر منتقل کرد یا روشی دیگه ای که مشکل حل بشه

Rezapcclick
پنج شنبه 27 مرداد 1390, 03:08 صبح
سلام ..
دوست عزيز من اطلاعي در اين زمينه ندارم ..
ولي اكثرا با فونت هاي استاندارد اين كار رو ميكنن كه مشكلي پيش نياد و يا مي ونيد به صورت عكس نوشته تون رو دربيارين كه بعدا آپلود در سايت قرار بدين ...
من تخصي ندارم ولي خوب نظري دادم شايد كمكي كرده باشم يا حق

amin1softco
پنج شنبه 27 مرداد 1390, 05:52 صبح
یک مثال ساده با فونت یکان :


<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
@font-face
{
font-family: my_font;
src: url("http://yourdomain.com/byekan.eot");
src: local(my_font), url("http://yourdomain.com/byekan.ttf") format("opentype");
}

p
{
font-family: my_font;
}
</style>

</head>
<body>

<p>سلام</p>

</body>
</html>

mohammadian7
پنج شنبه 27 مرداد 1390, 07:04 صبح
سلام شما میتونید از api های گوگل استفاده کنید البته فقط تعداد محدودی فونت رو ساپورت میکنه آدرسشم اینه:
http://code.google.com/apis/webfonts/

erfansmart
چهارشنبه 02 شهریور 1390, 13:13 عصر
ببین این کد به دردت میخوره





<Meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <Meta http-equiv="Content-Language" content="fa"> <meta name="Resource-Type" content="document" /> <meta name="Distribution" content="global" /> <meta name="Robots" content="index, follow" /> <meta name="Revisit-After" content="21 days" /> <meta name="Rating" content="general" />




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

erfansmart
چهارشنبه 02 شهریور 1390, 13:18 عصر
ببین این کد به دردت میخوره





<Meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <Meta http-equiv="Content-Language" content="fa"> <meta name="Resource-Type" content="document" /> <meta name="Distribution" content="global" /> <meta name="Robots" content="index, follow" /> <meta name="Revisit-After" content="21 days" /> <meta name="Rating" content="general" />



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

hamiii
چهارشنبه 02 شهریور 1390, 14:37 عصر
ضمیمه کردن فونتها به صفحه قابلیت جدیدی است که توی CSS3 افزوده شده.
در این ویژگی برای اینکه در همه مرورگرهایی که css3 رو ساپورت میکنن این فونت نمایش داده بشه باید از دو فرمت eot و ttf استفاده کنی.
ضمیمه کردن فونتها چند ایراد داره:
1.همه مرورگرها css3 رو پشتیبانی نمیکنن
2.حجم هر فونت حداقل 60 کیلوبایت هستش و برای استفاده یک فونت حداقل باید 120 کیلوبایت هزینه کنید.
3.بدست آوردن فرمت eot همه ی فونتها آسان نیست(البته نشدنی هم نیست.)

این روش بیشتر در طراحی هایی که بر پاییه تایپوگرافی هستند استفاده میشه.
یک پیشنهاد: اگر حتما خواستی از این روش استفاده کنی،میتونی این استایل رو در پایان کدهای HTML صفحه جای بدی تا بعد از لود شدن کل صفحه فونتها شروع به لود شدن کنند و باعث کند شدن بالا آمدن کل سایت نشن.
موفق باشی

Morteza.B
چهارشنبه 02 شهریور 1390, 14:50 عصر
با این تفاسیل باید چی کارد کرد که فونت دلخواهم رو نمایش بدیم؟؟

Javad.Kashi
چهارشنبه 02 شهریور 1390, 15:14 عصر
سلام
تا زمانی که CSS3 در همه مرورگر ها اعمال شود(Cross-Browser شود) از تصاویر برای نمایش فونتها استفاده کن.
یه پیشنهاد دیگه اینه که اصلا از اون فونتها استفاده نکنی.

یا علی

ghasemweb
چهارشنبه 02 شهریور 1390, 20:21 عصر
ممنون از همه دوستان. درسته استفاده از این ویژگی جدید CSS3 زیاد جالب نیست. راستی روش استقاده از عکس به جای فونت چطوریه .

ghasemweb
چهارشنبه 02 شهریور 1390, 20:22 عصر
ببین این کد به دردت میخوره





<Meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <Meta http-equiv="Content-Language" content="fa"> <meta name="Resource-Type" content="document" /> <meta name="Distribution" content="global" /> <meta name="Robots" content="index, follow" /> <meta name="Revisit-After" content="21 days" /> <meta name="Rating" content="general" />



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


میشه توضیح بدید این متا تگ ها چطوی میتونن مشکلمو حل کنن؟

hamiii
چهارشنبه 02 شهریور 1390, 22:35 عصر
راستی روش استقاده از عکس به جای فونت چطوریه .
همونجور که آقا جواد گفتن فعلا بهترین راه همینه.png8 ذخیره کنی بیشتر از چند کیلوبایت نمیشه.
موفق باشی.



ببین این کد به دردت میخوره





<Meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <Meta http-equiv="Content-Language" content="fa"> <meta name="Resource-Type" content="document" /> <meta name="Distribution" content="global" /> <meta name="Robots" content="index, follow" /> <meta name="Revisit-After" content="21 days" /> <meta name="Rating" content="general" />



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

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