لود کردن فونت از روی سرور

iranenaz

iranenaz

کاربر عضو
سلام

دوستان ممنون میشم کمی واسه لود فونت از روی سرور توضیح بدند (مخصوصا محمد آقا که فکر کنم اینجا پیاده کردند)

چطور میتونم فونت msrf و EOT فارسی داشته باشم و ....

 
A

AHMAD-SE

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

font-family:dastnevis,tahoma;
کلیک کنید تا گسترش یابد...
فقط مشکلش اینکه ممکن تو سیستم مقصد فونت مورد نظر شما نصب نباشه

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

لینک ها تنها برای اعضای سایت قابل نمایش است.


آموزش استفاده هم تو اینترنت هست

 
N

nulledscriptz

کاربر عضو
توی css3 شما با کمک @font-face میتونید فونت رو از روی هاست تعیین کنید .

یا میتونید از کتابخانه less.js که توی وبلاگم توضیح دادم استفاده کنید

 
iranenaz

iranenaz

کاربر عضو
شما می تونید الان هم از نوع فونت فارسی تو css خودتون استفاده کنید فقط مشکلش اینکه ممکن تو سیستم مقصد فونت مورد نظر شما نصب نباشه

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

لینک ها تنها برای اعضای سایت قابل نمایش است.


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

دوم اینکه شاد منظورم رو درست نرسونده باشم / اینایی که گفتید رو میدونم.

من میخوام فونت از روی سرور (بقول nulledscriptz از روی هاست ) لود بشه نه کلاینت

توی css3 شما با کمک @font-face میتونید فونت رو از روی هاست تعیین کنید .یا میتونید از کتابخانه less.js که توی وبلاگم توضیح دادم استفاده کنید
کلیک کنید تا گسترش یابد...
nulledscriptz عزیز ممنون

واسه اینکه فونت لود بشه حتما باید فونتمون EOT باشه پیکسل فونت یعنی نمی تونی ttf بذاری .

لینک ها تنها برای اعضای سایت قابل نمایش است.


واسه انگلیسی هست زیاد هم هست اما فارسی رو نمی تونم پیدا کنم.

لینک ها تنها برای اعضای سایت قابل نمایش است.


واسه فارسی هم هست ، چون چند سایت فارسی رو دیدم که این کار رو کاردند.

 
iranenaz

iranenaz

کاربر عضو
لینک ها تنها برای اعضای سایت قابل نمایش است.


این هم css مربوطه

@font-face {

font-family: M Traffic;

src:url(../Fonts/MTRAFFI0.bin);

}

INPUT {

LINE-HEIGHT: 200%; FONT-FAMILY: M Traffic,Tahoma; FONT-SIZE: 8pt

}

این .bin بین نیست . واسه رد گمکنیه.

ممنون میشم کمک کنید.

 
A

AHMAD-SE

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

من میخوام فونت از روی سرور (بقول nulledscriptz از روی هاست ) لود بشه نه کلاینت
کلیک کنید تا گسترش یابد...
منم منظورشون رو فهمیدم گفتم که همین الان هم می تونید از نوع فارسی در فایل css خودتون استفاده کنید

فقط مشکلش اینکه ممکن تو سیستم مقصد فونت مورد نظر شما نصب نباشه

روش دوم استفاده از @font-face هست که شما میاد فونت true type رو به فرمت eot یا woff تبدیل می کنید با کمک همون سایتی که معرفی کردم تا بتونید فونت مورد نظر رو در سیستم کاربر بار گذاری کنید

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

این لینک هم ببینید

لینک ها تنها برای اعضای سایت قابل نمایش است.


اینم سورس دو تا مثال

<!DOCTYPE html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>هم در فایرفاکس هم در اینترنت اکسپلورر!!</title>

<style>

@font-face {

font-family: Rose;

src: url(farsiFonts/BRose.eot);

}

@font-face {

font-family: Rose;

src: url(farsiFonts/BRose.woff) format("woff"),url(farsiFonts/BRose.ttf) format("truetype");

}

body{

font-family:tahoma;

font-size:11px;

direction:rtl;

margin:20px;

background-color:#C9F;

}

.example1{

font-family:Rose;

font-size:45px;

color:#C06;

}

</style>

</head>

<body>

<p class="example1">قلم های قابل دانلود به صورت اتوماتیک، هم در فایرفاکس، هم در اینترنت اکسپلورر اما با دو فرمت متفاوت!!</p>

<p style="padding-right:90px;">قلم استفاده شده: B Rose</p>

</body>

</html>

*********************************************************

<!DOCTYPE html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Multiple Font faces</title>

<style>

/* EOT fonts for IE */

@font-face {

font-family: Mashhad;

src: url(farsiFonts/BYagut.eot); /* for IE */

}

@font-face {

font-family: Mashhad;

src: url(farsiFonts/BYekan.eot); /* for IE */

font-style: italic;

}

@font-face {

font-family: Mashhad;

src: url(farsiFonts/BNikiO.eot); /* for IE */

font-weight: bold;

}

@font-face {

font-family: Mashhad;

src: url(farsiFonts/BHoma.eot) /* for IE */

font-weight: bold;

font-style: italic;

}

/* WOFF or TrueType fonts for non-IE browsers */

@font-face {

font-family: Mashhad;

src: url(farsiFonts/BYagut.woff) format("woff"), url(farsiFonts/BYagut.ttf) format("truetype");

}

@font-face {

font-family: Mashhad;

src: url(farsiFonts/BYekan.woff) format("woff"), url(farsiFonts/BYekan.ttf) format("truetype");

font-style: italic;

}

@font-face {

font-family: Mashhad;

src: url(farsiFonts/BNikiO.woff) format("woff"), url(farsiFonts/BNikiO.ttf) format("truetype");

font-weight: bold;

}

@font-face {

font-family: Mashhad;

src: url(farsiFonts/BHoma.woff) format("woff"), url(farsiFonts/BHoma.ttf) format("truetype");

font-weight: bold;

font-style: italic;

}

body{

font-family:tahoma;

font-size:11px;

direction:rtl;

margin:20px;

}

.example1{

font-family:Mashhad,tahoma;

font-size:25px;

}

</style>

</head>

<body>

<p class="example1"><i>هرکس – نه تنها –</i> به میزان معلوماتی که دارد <strong><i>عالم نیست بلکه</i></strong> به میزان <strong>مجهولاتی که در عالم احساس می کند</strong> عالم است.</p>

</body>

</html>
کلیک کنید تا گسترش یابد...
دانلود فونت های فارسی

لینک ها تنها برای اعضای سایت قابل نمایش است.


لینک ها تنها برای اعضای سایت قابل نمایش است.


 
آخرین ویرایش توسط مدیر:
iranenaz

iranenaz

کاربر عضو
سلام

ممنون محمد جان

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

به هر حال ممنون کارم راه افتاد

 
شما برای پاسخ‌دادن باید به انجمن ورود کنید.
بالا