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

[ho3in-life 2]

با سلام خدمت دوستان عزیز.

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

حالا کسی هست یه آموزش به من بده ؟ فونت رو از اینجا گرفتم http://www.google.com/fonts کدش هم گرفتم فقط نمیدونم چی کارش کنم ! اسم style sheet و css رو هم آورده تو گوگل و جایهای دیگه که گشتم.

ممنون میشم راهنماییم کنید.

[pary_daryayi 181]

1- تو پوسته ای که دارید , یک فولدر به نام مثلا font بسازید .

2 - فونت ها رو اونجا کپی کنید .(فونت ها رو با سه پسوند eot,woff,ttf ذخیره کنید )

3 - تو پوسته ی شما یک فایل هست به نام satyle.css .

بعنوان مثال اگر فونت Byekan رو میخواید قرار بدید , این کد رو در style.css بزارید :

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

4 - پستهایی که قراره از این فونت استفاده کنند , font-family شون میشه تو این مثال Byekan

بعد آیدی یا دایو مربوط به پست ها رو پیدا کنید و این رو بهش اختصاص بدید

موفق باشید.

[ho3in-life 2]

1- تو پوسته ای که دارید , یک فولدر به نام مثلا font بسازید .

2 - فونت ها رو اونجا کپی کنید .(فونت ها رو با سه پسوند eot,woff,ttf ذخیره کنید )

3 - تو پوسته ی شما یک فایل هست به نام satyle.css .

بعنوان مثال اگر فونت Byekan رو میخواید قرار بدید , این کد رو در style.css بزارید :

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

4 - پستهایی که قراره از این فونت استفاده کنند , font-family شون میشه تو این مثال Byekan

بعد آیدی یا دایو مربوط به پست ها رو پیدا کنید و این رو بهش اختصاص بدید

موفق باشید.

چطور پسوند فونت ها رو تغییر بدم ؟

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

Add this code to your website

بعد این کدو داده :

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700' rel='stylesheet' type='text/css'>

بعد گفته :

4. Integrate the fonts into your CSS:

The Google Fonts API will generate the necessary browser-specific CSS to use the fonts. All you need to do is add the font name to your CSS styles. For example:

بعد این کدو داده :

font-family: 'Roboto Slab', serif;

من اینو میخوام انجام بدم که دقیقا نمیدونم جاهایی که گفته کجاس !

ویرایش شده خرداد 92 توسط ho3in-life

[NESTED 4295]

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

fonts.zip

[ho3in-life 2]

کسی راهی برای وارد کردن فونت از این راه گوگل نداره ؟ ! http://www.google.com/fonts/

[abolfazln 33]

سلام

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

گوگل سه نوع کد برای استفاده به شما میده شما همیشه نمونه زیر رو انتخاب کنید و اون رو به فایل style.css قالبتون اضافه کنید

@import url(http://fonts.googleapis.com/css?family=Purple+Purse);

بعد شما باید اون رو به صورت زیر استفاده کنید

font-family: 'Purple Purse', cursive;

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

<h1 class="font-family: 'Purple Purse', cursive;">عنوان آزمایشی</h1>

[mostafadam 0]

یه پست دیدم توی سایت دکتر وردپرس دقیقا در مورد همین اضافه کردن فونت به وردپرس بود. به نظرم این مقاله هم میتونه کاربردی باشه

https://doctorwp.com/learn-to-add-custom-font-to-wordpress/