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

[ariaieboy 691]

سلام خسته نباشید یکی از دوستان یک قالب داره ه تنظیمات داره و فونت های سایت از طریق بخش تنظیمات قابل تغییر هست حالا این فونت ها چون از طریق گوگل لود می شه توش بعضی فونت ها مثل بی یکان نیست حالا می خوام بدونم چجوری بی یکان رو بهش اضافه کنم توی کد هاش که رفتم

بعد از کد

array یک همچین چیزی جایی که باید مقدار فونت ها می بود این رو زده بود $google_fonts

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

[ariaieboy 691]

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

[تنها در تاریکی 445]

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

درود ...؛

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

سپس وارد تنظیمات پوستتون بشید و از منوی فونت ها، فونت بی یکان رو انتخاب کنید. حال فونت شما به بی یکان تغییر میکنه و چون شما فونت بی یکان رو در استایل نیز تعریف کردید، فونت قالب شما به بی یکان تعویض میشه.

موفق باشید.

[imanfakhar 26231]

byekan.zip

1. فایل پیوست را دانلود و آن زیپ و آپلود کنیید در پوشه ای به نام fonts در قالبتون

2. کنار پوشه یک فایل بسازید به نام byekan.css

3. کدهای زیر را در فایل بگذارید

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

4. نام فونتهای فعلی را از فایل مربوطه در تنظیمات قالبتون حذف کنید و نام BYekan را جایگزین یکی از اونها کنید

5. چند خط بالاتر از $google_fonts مقدارش مشخص شده مثلا

$google_fonts = 'http://fonts.google.com/font/fontname.css?bold";

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

$google_fonts = get_bloginfo('template_directory')."/fonts/byekan.css";

[Ehsan Np 75]

سلام.

من این تنظیمات رو انجام دادم اما فونت اضافه نشد ؛ استاد منظورتون از : [ نام فونتهای فعلی را از فایل مربوطه در تنظیمات قالبتون حذف کنید. ] ؛ اینه که در استایل قالب هم نام فونت رو اضافه کنم؟

من این کد رو

<?php
$google_api_output='  {
   "family": "lateef",
   "variants": [
    "early-google"
   ]
  },
  {
   "family": "scheherazade",
   "variants": [
    "early-google"
   ]
  },
  {
   "family": "thabit",
   "variants": [
    "early-google"
   ]
  }
]
';
?>

به

<?php
$google_fonts = get_bloginfo('template_directory')."/panel/fonts.css";
$google_api_output='  {
   "family": "lateef",
   "variants": [
    "early-google"
   ]
  },
  {
   "family": "scheherazade",
   "variants": [
    "early-google"
   ]
  },
  {
   "family": "thabit",
   "variants": [
    "early-google"
   ]
  }
]
';
?>

تغییر دادم اما هیچ نتیجه ای نگرفتم و فونت ها در پنل تنظیمات اضافه نشد.

[Ehsan Np 75]

استاد فخار ممنون از آموزش مفیدتون ؛ فهمیدم کجای کارم اشتباه بوده و مشکلم حل شد.مرسی

[mhma 0]

سلام میتونه یه مقدار کامل تر توضیح بده متوجه نشدم این تغییرات باید کجا ایجاد کرد؟بعد به تنظیمات قالب اضافه میشه؟

[rasooul 323]

استاد فخار ممنون از آموزش مفیدتون ؛ فهمیدم کجای کارم اشتباه بوده و مشکلم حل شد.مرسی

خوب بالاخره چی شد ؟ کجا رو اشتباه کرده بودید ...؟ برای کامل شدن تاپیک توضیح بدید بهتره

[Ehsan Np 75]

سلام ؛

یه قالب که از فونت های گوگل پشتیبانی کنه انتخاب میکنیم.

من قالب Jarida رو انتخاب کردم ؛

تو پوشه اصلی قالب یه فولدر به اسم panel هست ؛ اون فولدر رو باز کنید (تو قالب های دیگه جاش ممکنه فرق داشته باشه)( عکس 1 | )

فایل fonts.css هست ؛ اونو باز کنید و استایل Css فونت ها رو بنویسید،هر تعداد فونت که دوس دارین اضافه کنید( عکس 2 | )

90% کار تا اینجا تمومه.

حالا فایل google-fonts.php رو با یه ویرایشگر متن باز کنید و نام فونت هایی رو که نوشتید اضافه کنید( عکس 3 | )

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

[Ehsan Np 75]

یه نکته دیگه ؛ برای این که حجم قالب زیاد نشه و سرعت بارگذاری قالب پایین نیاد میتونید فونت ها رو تو هاست خودتون آپلود کنید و لینک فونت ها رو بنویسید که در این صورت باید کد css استایل فونت رو به صورت

@font-face {
font-family: 'Akhat-khati';
src: url('http://Nean.ir/fonts/Akhat-khati.eot');
url('http://Nean.ir/fonts/Akhat-khati.eot?#iefix') format('embedded-opentype'),
url('http://Nean.ir/fonts/Akhat-khati.woff') format('woff'),
url('http://Nean.ir/fonts/Akhat-khati.ttf') format('truetype'),
url('http://Nean.ir/fonts/Akhat-khati.svg#Akhat-khati') format('svg');
font-weight: normal;
font-style: normal;
}

بنویسید.

ویرایش شده شهریور 93 توسط NeaN