نحوه تغییر فونت صفحات وب
#1
Note 
با سلام و خسته نباشید
من تو خیلی از سایت ها دیدم که فونت صفحه رو عوض میکنن مثلا B Koodak میذارن
لطفا راهنمایی کنید که چطور میشه این کارو انجام داد ممنون میشم

آخرین ویرایش: 29-11-2014 ساعت 17:27، توسط SOFTAFZAR
پاسخ
#2
Note 
سلام
اول باید فونت های خودتون رو به فونت های مخصوص وب تبدیل کنید [ میتونید از اینجا فونت های آماده دانلود کنید ]
اگر فونت دلخواه شما وجود نداره از این سایت استفاده کنید [ Free online font converter ]

بعد در قسمت کد CSS این کد رو اضافه کنید (دقت کنید که ادرس فونت صحیح باشه)

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

و باز در قسمت CSS برای کلاس میتونید به این شکل استفاده کنید:

[CSS]font-family: 'BYekan', Tahoma, Helvetica, sans-serif;[/CSS]

موفق باشید.

پاسخ
#3
Note 
خیلی ممنونم
من انجام دادم اما نشد میشه یه صفحه اماده برام بذارید؟

پاسخ
#4
Note 
فونت های مورد نیاز رو در همین مسیری که فایل html رو میسازید قرار بدید
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
@font-face {
font-family: 'BYekan';
src: url('BYekan.eot?#') format('eot'),
url('BYekan.woff') format('woff'),
url('BYekan.ttf') format('truetype');
}

div.softafzar
{
font-family: BYekan, Tahoma, Helvetica, sans-serif;
border-left: 0px solid #B8C4CA;
text-align: center;
color: #ECECEC;
line-height: 37px;
background: #3D9EC5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
border: 5px solid #000000;
margin-left: 10px;
padding: 7px 15px;
margin-top: 1px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
box-shadow: 3px 0px 15px 4px #CCCCCC;
text-shadow: 1px 1px #000000;
}
.softafzar:hover
{

border: 5px solid #148DA3;


}
</style>
</head>

<body>
<div align="center">
<div class="softafzar">
<p align="right">...در حال انتقال</p>
<p align="center">بازديد کننده گرامي شما تا چند لحظه ديگر سايت جديد ما انتقال داده ميشويد</p>
<p align="center">;-)هر سوالي داريد ميتوانيد در سايت جديد مطرح کنيد و در کمترين زمان جواب بگيريد </p>
<p align="center">لطفا کمي صبر کنيد</p></div>
</body>
</html>

[/HTML]

پاسخ
#5
Note 
آقا دمت گرم خیلی وقت بود دنبالش بودم :kiss:

پاسخ
#6
Note 
سلام من کد ها رو به این شکل قرار دادم توی تمام مرورگرها نشون میده ولی توی فایرفاکس نشون نمیده ، مشکل از کجاست؟





[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
@font-face {
font-family:yekan;
src: url() format(eot),
url() format(woff),
url() format(truetype);
}
p{
font-family:yekan;
font-size:18px;
}

</style>
</head>

<body>
<center>
<p>سلام امیدوارم حال همگی خوب باشه</p>
</center>
</body>
</html>

[/HTML]

پاسخ
#7
Note 
ehsanerfani نوشته است:سلام من کد ها رو به این شکل قرار دادم توی تمام مرورگرها نشون میده ولی توی فایرفاکس نشون نمیده ، مشکل از کجاست؟





[HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
@font-face {
font-family:yekan;
src: url() format(eot),
url() format(woff),
url() format(truetype);
}
p{
font-family:yekan;
font-size:18px;
}

</style>
</head>

<body>
<center>
<p>سلام امیدوارم حال همگی خوب باشه</p>
</center>
</body>
</html>

[/HTML]

سلام
فونت ها باید در همون سرور باشه

پاسخ
#8
Note 
Daniel نوشته است:سلام
فونت ها باید در همون سرور باشه

درود

متوجه منظور شما نشدم

من فونت ها رو توی یه سایتی آپلود کردم و آدرس ها رو داخل کدها قرار دادم ولی فقط توی فارفاکس نشون نمیده

در ضمن من وبلاگ دارم یعنی هاست شخصی ندارم

پاسخ
#9
Note 
ehsanerfani@
Daniel عزیز کاملا درست گفتن
در ورژن های جدید فایر فاکس و IE فونت هایی که لود میکنید باید در همون سرور باشن
در غیر اینصورت اگر Web console فایرفاکس رو باز کنید خطایی شبیه به این میبینید:

کد:
[13:49:43.340] downloadable font: download failed (font-family: "byekan" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed

مثلا اگر از blogfa استفاده میکنید فونت ها باید در همین سرور باشن و چون به هاست بلاگف دسترسی ندارید نمیتونید کاری بکنید اما یک ترفند!
سعی کنید از قالب هایی که در اون سرویس اپلود شدن فونت مورد نظر رو مرورگر پیدا کرده و به اون لینک بدید (استفاده از Inspect element مرورگر خیلی کمک میکنه)
موفق باشید.

پاسخ
#10
Note 
SOFTAFZAR نوشته است:ehsanerfani@
Daniel عزیز کاملا درست گفتن
در ورژن های جدید فایر فاکس و IE فونت هایی که لود میکنید باید در همون سرور باشن
در غیر اینصورت اگر Web console فایرفاکس رو باز کنید خطایی شبیه به این میبینید:

کد:
[13:49:43.340] downloadable font: download failed (font-family: "byekan" style:normal weight:normal stretch:normal src index:2): bad URI or cross-site access not allowed

مثلا اگر از blogfa استفاده میکنید فونت ها باید در همین سرور باشن و چون به هاست بلاگف دسترسی ندارید نمیتونید کاری بکنید اما یک ترفند!
سعی کنید از قالب هایی که در اون سرویس اپلود شدن فونت مورد نظر رو مرورگر پیدا کرده و به اون لینک بدید (استفاده از Inspect element مرورگر خیلی کمک میکنه)
موفق باشید.


ممنون بابت کمکت ، ترفند خوبیه ، ولی به چه صورتی باید کدها رو وارد کنم؟ یعنی باید برم تو قسمت css قالب و فقط قسمت @font face رو کپی کنم و تو قالب خودم قرار بدم؟
نحوه ی کار به این صورته؟

پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Note تغییر مسیر بازدید کنندگان پس از مدت مشخص با HTML (کد redirect) Behnam Designer 0 403 02-07-2013 ساعت 21:27
آخرین ارسال: Behnam Designer

کاربرانِ درحال بازدید از این موضوع:   2 مهمان