PDA

View Full Version : مبتدی: چگونه فونت BYekan را در html و css بگذارم ؟



phpphp7
جمعه 15 شهریور 1392, 17:03 عصر
سلام
یک قالب html خارجی دارم که فارسیش کردم و قراره تو هاست بزارمش ولی میخوام که فونت BYekan رو براش انتخاب کنم و برای همه ی کاربران حتی اونایی که BYekan رو هم ندارند ، سایت با فونت BYekan نشون داده بشه
من تو style.css کد زیر رو میزارم ولی کار نمیکنه (فایل ttf و eot و woff فونت BYekan رو هم دارم ):


@font-face {
font-family: 'Lobster13Regular';
src: url('BYekan.eot');
src: url('BYekan.eot?#iefix') format('embedded-opentype'), url('BYekan.woff') format('woff'), url('BYekan.ttf') format('truetype'), url('BYekan.svg#Lobster13Regular') format('svg');
font-weight: normal;
font-style: normal;
}



راستی تو خود style.css حدود 10 تا از کد های زیر که در مورد فونت Trebuchet MS که همون فونت پیشفرض قالب هم هست وجود داره اما وقتی کد بالا را در style.css میزارم حتی فونت کد زیر را هم به BYekan تغییر میدم ، هیچ تغییر در قالب صورت نمیگیره !


.menu li a {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;display:block;width:188px;font-size:21px;line-height:1.238em;padding:21px 0 24px 0;color:#262626;text-align:center;text-transform:uppercase;background:url(../images/menu-a-tail.gif) right -71px no-repeat;letter-spacing:-1px}

به نظر شما مشکل از کجاست ؟ میشه فونت رو درستش کرد ؟
ممنون

علیرضا.ا
جمعه 15 شهریور 1392, 19:18 عصر
اون بالا فونت ایمپورت شده با نام Lobster13Regular معرفی میشه ولی با اسم های دیگه فراخانی میشه.....
مشکل از اینه:)

phpphp7
جمعه 15 شهریور 1392, 20:08 عصر
اون بالا فونت ایمپورت شده با نام Lobster13Regular معرفی میشه ولی با اسم های دیگه فراخانی میشه.....
مشکل از اینه:)
خیر از اون نیست
تو یه قالب دیگه اولین کد رو تست کردم و جواب داد
ببینید 4 تا فایل css هست نمیدونم که اولین کد رو تو کدوشون بزارم البته تو همشون گذاشتم ولی جواب نداد بازم !
کد های css :
grid.css
ie.css
style.css
reset.css

mohamad_torabi
جمعه 15 شهریور 1392, 20:55 عصر
دوست عزیزاول فونت رو تو همون پوشه ای که سایتت هست ذخیره کن بعد کد رو باید اینجوری بزاری



@font-face { font-family: 'Droid Arabic Naskh'; src: url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.eo t'); src: url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.ot f') format('opentype'); src: local('☺'), local('Droid Arabic Naskh'), url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.wo ff') format('woff'), url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.tt f') format('truetype'), url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.sv g') format('svg');font-weight: normal;font-style: normal;}

phpphp7
جمعه 15 شهریور 1392, 21:10 عصر
دوست عزیزاول فونت رو تو همون پوشه ای که سایتت هست ذخیره کن بعد کد رو باید اینجوری بزاری



@font-face { font-family: 'Droid Arabic Naskh'; src: url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.eo t'); src: url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.ot f') format('opentype'); src: local('☺'), local('Droid Arabic Naskh'), url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.wo ff') format('woff'), url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.tt f') format('truetype'), url('http://awebfont.ir/services/fonts/63854cc94f969e60a231461a6afb33dafc5022072011931.sv g') format('svg');font-weight: normal;font-style: normal;}


سلام و ممنون
این لینک سایت ها چی هستند ؟ فونت byekan ؟
من این فونت byekan رو با 3 پسوند ttf و eot و woff دارم
من این رو گذاشتم تو style.css اما درست نشد ! راستی فرقی نمیکنه که این کد رو تو کدوم قسمت از style.css بزارم ؟

mehbod.rayaneh
جمعه 15 شهریور 1392, 21:39 عصر
سلام
اینو توی یکی از استایلها قرار بدید :

@font-face {
font-family: 'BYekan';
src: url('BYekan.eot?#') format('eot'), /* IE6–8 */
url('BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
font-weight: normal;
font-style: normal
}

فقط به آدرس فونتها دقیق دقت کنید.
بعد هر جایی از اون استایلها ک نوشته font-family به این شکل تغییرش بدید :

font-family:'BYekan',Tahoma, Geneva, sans-serif;

الان دیگه باید همه classها و idهایی ک font-family این byekan را دارن فونتشون به byekan تغییر کنه!
این ک فونت را توی کدوم فایل اضافه کنید زیاد مهم نیست! در هر صورت دیر یا زود خونده میشه! ولی برای این ک زودتر خونده بشه و اول لود بشه بذارید اولِ اولین استایل!
اولین استایل منظورم استایلی هست ک آدرسش توی html اول قرار داره!
موفق باشید

phpphp7
جمعه 15 شهریور 1392, 22:06 عصر
سلام
اینو توی یکی از استایلها قرار بدید :

@font-face {
font-family: 'BYekan';
src: url('BYekan.eot?#') format('eot'), /* IE6–8 */
url('BYekan.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('BYekan.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
font-weight: normal;
font-style: normal
}

فقط به آدرس فونتها دقیق دقت کنید.
بعد هر ایی از اون استایلها ک نوشته font-family به این شکل تغییرش بدید :

font-family:'BYekan',Tahoma, Geneva, sans-serif;

الان دیگه باید همه classها و idهایی ک font-family این byekan را دارن فونتشون به byekan تغییر کنه!
این ک فونت را توی کدوم فایل اضافه کنید زیاد مهم نیست! در هر صورت دیر یا زود خونده میشه! ولی برای این ک زودتر خونده بشه و اول لود بشه بذارید اولِ اولین استایل!
اولین استایل منظورم استایلی هست ک آدرسش توی html اول قرار داره!
موفق باشید
سلام دوست عزیز
واقعا دستت درد نکنه بابت راهنمایی
فقط یک مشکل دارم
وقتی کد
font-family:'BYekan',Tahoma, Geneva, sans-serif;


با کد استایلم عوض میکنم ، فونت byekan رو به جوری دیگه نشون میده

عکس :

http://www.uploadtak.com/images/r2749_untitled5461.jpg

در عکس بالا ، فونت منو را با دریم ویور به فونت byekan تغییر دادم ولی میخوام منوی دوم هم دقیقا فونتش مثل منوی اول بشه.آیا این کار شدنی هست ؟

راستی فونت یکی از صفحات رو با دریم ویور به byekan تغییر دادم آیا این صفحه رو فقط من با byekan میبینم یا اینکه بازدیدکنندگان دیگه هم میتونند با فونت byekan صفحه رو نگاه کنند ؟

mehbod.rayaneh
جمعه 15 شهریور 1392, 22:13 عصر
ببینید قبلا هم گفتم شما به هر class یا id ک فونت byekan را بدید فونتش تغییر خواهد کرد!
برای منوی دوم هم شما توی استایل بگردید و فونتی ک بهش اختصاص داده شده را پیدا کنید و به byekan تغییر بدید.
اگه ایتایلی ک کد بالا را توش ضمیمه کردید به اون صفحه پیوند داده شده همه با byekan خواهند دید.
موفق باشید :)