رفتن به مطلب

مشکل در تغییر فونت پست ها


Seyed Ali

پست های پیشنهاد شده

سلام دوستان

طبق آموزشی که تو سایت در مورد تغییر فونت بود عمل کردم اما نتیجه نگرفتم

این کد رو به اول فایل style.css اضافه کردم:


@font-face {
font-family: 'BYekan’;
src:url('wp-content/themes/razva4_final/fonts/BYekan.eot?#’) format(‘eot’),
url('wp-content/themes/razva4_final/fonts/BYekan.woff') format('woff'),
url(‘wp-content/themes/razva4_final/fonts/BYekan.ttf’) format(‘truetype’);
}

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

اما هیچ تغییری تو فونت سایتم اعمال نشد!

می خوام فونت پست هام و عنوان ها تغییر کنه

مشکل از کجاست ؟

لینک به ارسال

این قسمتها رو از کد پاک کنید:


wp-content/themes/razva4_final/

فونتها رو هم در پوشه font در پوشه قالبتون بریزید

ضمنا این فقط فراخوانی می کنه فونت رو، و برای هرجایی از سایت که می خواهید فونت انتخاب کنید باید دستور زیر رو توی کلاس مربوطه توی همون style.css قرار بدید


font-family:byekan;

لینک به ارسال

سلام

اینگونه:


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

و هرجایی که خواستید به کلاسش اضافه کنید:


{
font-family: 'BYekan';
}

لینک به ارسال

و هرجایی که خواستید به کلاسش اضافه کنید:


{
font-family: 'BYekan';
}

ممنون

الان من می خوام فونت پست ها و عنوان هام تغییر کنه

این کد رو باید کجا تو کدوم فایل اضافه کنم

لینک به ارسال
ممنون

الان من می خوام فونت پست ها و عنوان هام تغییر کنه

این کد رو باید کجا تو کدوم فایل اضافه کنم

آدرس تا راهنمایت کنیم

لینک به ارسال

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

فکر کنم در این تاپیک میشه پرسیدش

من واسه سایتم فونتخاص خودم گذاشتم

پسوند های مختلفی گذاشتم واسه مرورگرهای خاص

فقط با اپرا مشکل دارم که مربع مربع نشون میده

یه نیگا بندازید

http://fadroid.ir

چه پسوندی برای اپرا هستش؟

لینک به ارسال

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

فکر کنم در این تاپیک میشه پرسیدش

من واسه سایتم فونتخاص خودم گذاشتم

پسوند های مختلفی گذاشتم واسه مرورگرهای خاص

فقط با اپرا مشکل دارم که مربع مربع نشون میده

یه نیگا بندازید

http://fadroid.ir

چه پسوندی برای اپرا هستش؟

.WOFF

لینک به ارسال

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

لینک به ارسال

همه ی این پسوند ها رو گذاشتم


@font-face{
font-family:'fontname';font-style:normal;
src:url('fonts/fontname.svg#fontname') format('svg'),
url('fonts/fontname.eot?#') format('eot'),
url('fonts/fontname.ttf') format('truetype'),
url('fonts/fontname.woff') format('woff'),
url('fonts/fontname.otf') format('otf');}

در تمامی مرورگرها به خوبی جواب میده بجز اپرا

لینک به ارسال

به این شکل وارد کنید ببینید حل میشه:


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

این کد تست شده هست، اگه حل نشد مشکل از فونتتون هست

لینک به ارسال

آقا اینقدر ور رفتم بلخره درست شد ولی خودمم نفهمیدم مشکل کجا بود!!!!!

لینک به ارسال

همه ی این پسوند ها رو گذاشتم


@font-face{
font-family:'fontname';font-style:normal;
src:url('fonts/fontname.svg#fontname') format('svg'),
url('fonts/fontname.eot?#') format('eot'),
url('fonts/fontname.ttf') format('truetype'),
url('fonts/fontname.woff') format('woff'),
url('fonts/fontname.otf') format('otf');}

در تمامی مرورگرها به خوبی جواب میده بجز اپرا

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

برای تغییر فونت بهتره کدتون رو جدا کنید به اینصورت


@font-face {
font-family:'fontname1';font-style:normal;
src:url('fonts/fontname.woff') format('woff'),
url('fonts/fontname.eot?#') format('eot'),
url('fonts/fontname.ttf') format('truetype')
}
@font-face {
font-family:'fontname2';font-style:normal;
src:url('fonts/fontname.otf') format('otf')
}
@font-face {
font-family:'fontname3';font-style:normal;
src:url('fonts/fontname.svg#fontname') format('svg')
}
.class {
font-family:"fontname1","fontname2","fontname3",Arial;
}

برای لود سریعتر هم بهتره قبل از فونت آنلاین نام اصلی فونت قرار بگیره که اگر سیستمی روی خودش فونت رو داشت مستقیم از ویندوزش خونده بشه

مشکل من کلا فراموش شد :) دوستان چیکار کنم ؟

می شه دقیقا بگید مشکلتون الان چیه؟

لینک به ارسال

من الان این کد رو به اول فایل استایل سی اس اس اضافه کردم:


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

حالا می خوام فونت متن پست ها و عنوان ها تغییر کنه

چه کدی رو باید کجا اضافه کنم ؟

لینک به ارسال

کلاس ها را بخوانید مثلا اگر کلاس پست هاتون بود post و کلاس عناوین بود title این کد را هم اضافه کنید


.post p,.title {
font-family: 'BYekan’;
}

لینک به ارسال

ممنون

دو تا سوال:

1. کلاس متن رو از کجا پیدا کنم ( تو کدوم فایل قالب دنبالش بگردم ) ؟

2. بر فرض اگه کلاسش post بود کد رو این طوری تو استایل بذارم ؟ :


@font-face {
font-family: 'BYekan’;
src:url('fonts/BYekan.eot?#’) format(‘eot’),
url('fonts/BYekan.woff') format('woff'),
url(‘fonts/BYekan.ttf’) format(‘truetype’);
}
.post {
font-family: 'BYekan’;
}

لینک به ارسال

یه نکته ای هم من با اجازه دوستان بگم . برای من هم یک بار این اتفاق افتاد . با اینکه فونت ها رو درست فراخوانی و اجرا کرده بودم ، اما اونها رو نمیشناخت . تو لوکال درست بود ولی روی هاست مشکل دار شد.

اگر برای شما هم این اتفاق افتاد از !important استفاده کنید .

مثال :


.post { font-family: 'BYekan’ !important;}

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...