user_joomla

اضافه کردن فونت به قالب...چگونه؟

45 پست در این موضوع

دوستان چطور میشه فونت یه قالب rockettheme رو تغییر داد؟؟؟؟؟؟؟؟؟

چون هم فونت زیبا نیست و هم اعداد انگلیسی هست...

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش لاراول آموزش cPanel آموزش php آموزش فرم ساز RSform آموزش ساخت ربات جذب ممبر آموزش ساخت ربات دوستیابی آموزش ساخت ربات فروشگاهی برای ووکامرس آموزش طراحی سایت داینامیک با php آموزش بخش پشتیبانی با rsticket

از روش فونت فیس استفاده کنید

آموزش آن در انجمن هست لطفا جستجو نمایید

Share this post


Link to post
Share on other sites

طبق document که لینک کردید رفتم اما تغییری ایجاد نشد.

شاید تو این زمینه مشکل داشتم:

   /* Adding Font BLOODY */
   @font-face {
   font-family: 'BloodyNormal';
   src: url('../fonts/BLOODY-webfont.eot');
   src: url('../fonts/BLOODY-webfont.eot?#iefix') format('embedded-opentype'),
   url('../fonts/BLOODY-webfont.woff') format('woff'),
   url('../fonts/BLOODY-webfont.ttf') format('truetype'),
   url('../fonts/BLOODY-webfont.svg#BloodyNormal') format('svg');
   }
   .font-family-bloody {
   font-family: 'BloodyNormal',Helvetica,Arial,sans-serif;
   font-weight: normal;
   font-style: normal;
   }

چیزی که من تولید کردم این بود:

   /* Adding Font BNazanin */
   @font-face {
   font-family: 'BNazaninNormal';
   src: url('templates/rt_stratos/fonts/BNazanin.eot');
   src: url('templates/rt_stratos/fonts/BNazanin.eot?#iefix') format('embedded-opentype'),
   url('templates/rt_stratos/fonts/BNazanin.woff') format('woff'),
   url('templates/rt_stratos/fonts/BNazanin.ttf') format('truetype'),
   url('templates/rt_stratos/fonts/BNazanin.svg#BNazaninNormal') format('svg');
   }
   .font-family-bloody {
   font-family: 'BNazaninNormal',Helvetica,Arial,sans-serif;
   font-weight: normal;
   font-style: normal;
   }

Share this post


Link to post
Share on other sites

طبق document که لینک کردید رفتم اما تغییری ایجاد نشد.

شاید تو این زمینه مشکل داشتم:

   /* Adding Font BLOODY */
   @font-face {
   font-family: 'BloodyNormal';
   src: url('../fonts/BLOODY-webfont.eot');
   src: url('../fonts/BLOODY-webfont.eot?#iefix') format('embedded-opentype'),
   url('../fonts/BLOODY-webfont.woff') format('woff'),
   url('../fonts/BLOODY-webfont.ttf') format('truetype'),
   url('../fonts/BLOODY-webfont.svg#BloodyNormal') format('svg');
   }
   .font-family-bloody {
   font-family: 'BloodyNormal',Helvetica,Arial,sans-serif;
   font-weight: normal;
   font-style: normal;
   }

چیزی که من تولید کردم این بود:

   /* Adding Font BNazanin */
   @font-face {
   font-family: 'BNazaninNormal';
   src: url('templates/rt_stratos/fonts/BNazanin.eot');
   src: url('templates/rt_stratos/fonts/BNazanin.eot?#iefix') format('embedded-opentype'),
   url('templates/rt_stratos/fonts/BNazanin.woff') format('woff'),
   url('templates/rt_stratos/fonts/BNazanin.ttf') format('truetype'),
   url('templates/rt_stratos/fonts/BNazanin.svg#BNazaninNormal') format('svg');
   }
   .font-family-bloody {
   font-family: 'BNazaninNormal',Helvetica,Arial,sans-serif;
   font-weight: normal;
   font-style: normal;
   }

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

روی هاست هست و سایت برای خود بنده نیست.

چه اطلاعاتی لازم هست خصوصی براتون ارسال کنم؟ خدا خیرتون بده. با تغییر فونت خیلی جذابیت به سایت میده اگه بشه...

Share this post


Link to post
Share on other sites

یه تیکه توی کدهاتون رو تغییر ندادین :

    /* Adding Font BNazanin */
   @font-face {
   font-family: 'BNazaninNormal';
   src: url('templates/rt_stratos/fonts/BNazanin.eot');
   src: url('templates/rt_stratos/fonts/BNazanin.eot?#iefix') format('embedded-opentype'),
   url('templates/rt_stratos/fonts/BNazanin.woff') format('woff'),
   url('templates/rt_stratos/fonts/BNazanin.ttf') format('truetype'),
   url('templates/rt_stratos/fonts/BNazanin.svg#BNazaninNormal') format('svg');
   }
   .font-family-[color="#FF0000"]bloody [/color]{
   font-family: 'BNazaninNormal',Helvetica,Arial,sans-serif;
   font-weight: normal;
   font-style: normal;
   }

در این بخش باید همون نامی رو وارد کنید که در مرحله 3 فونت رو باهاش در فایل xml تعریف کردید.

Share this post


Link to post
Share on other sites

نه.تاثیری نداشت.

خلاصه کلام::::::::::::::::::::::::::::::

1-من 4تا پسوند فونت موردنیاز رو در پوشه فونت قرار دادم

2-در قسمت css قالب، یه css اضافه کردم (مطابق آموزش راکت تم)

3-کد مورد نیاز فوق رو داخلش ریختم. که احتمال میدم کد فوق رو یه جاهایی اشتباه کردم.نمیدونم Normal باید اضافه بشه به BNazanin یا نه.... من مطابق با مثال اون آموزش رفتم جلو

4-در templatedetail هم یه خط کد که خودش گفته بود رو نوشتم و با عنوان فونتم تغییر کرد.

حالا تو لیست فونت ها اومده اما تغییر نمیکنه متن هاو....

Share this post


Link to post
Share on other sites

نه normal رو نیاز نداره.

کد های css توی سایت اجرا میشن؟ با فایرباگ چک کردین؟ در صورت امکان لینک رو قرار بدین یا پ خ کنید

Share this post


Link to post
Share on other sites

لینک سایت رو پیغام خصوصی میکنم .یه چک کنید اگه زحمتی نیست.

البته من Normal هم اضافه کردم در همون جاهایی که تو مثال سایت راکت تم زده بود Normal... منم اضافه کردم

Share this post


Link to post
Share on other sites

اتفاقا اوایلی که این قالب اومد ، من برای یکی از دوستان فونت های فارسی بهش اضافه کردم.اما روشی که توی سایت راکت تم گفته شده مشکل داشت. چرا ؟ چون الان کدهای css شما بارگذاری نشده اند.

اون کد ها رو توی یکی از فایل های less قالب قرار بدین و در مدیریت قالب compile less رو بزنید تا کد ها در سایت اجرا بشن.

Share this post


Link to post
Share on other sites

یعنی من کد مثلا gantry-custom.css که در پوشه css قرار داره رو در پوشه less بریزم؟ یه پوشه هم به نام compiled هست. تو اون هم بریزم؟؟

متوجه نشدم از کامپایل یعنی چی....

Share this post


Link to post
Share on other sites
یعنی من کد مثلا gantry-custom.css که در پوشه css قرار داره رو در پوشه less بریزم؟ یه پوشه هم به نام compiled هست. تو اون هم بریزم؟؟

متوجه نشدم از کامپایل یعنی چی....

کدهای فونت که در فایل gantry-custom.css وارد کردید رو اول یکی از فایل های less در پوشه قالب مثلا template.less ( پوشه compiled نه ) قرار بدین.

بعد به مدیریت قالب مورد نظر برید و در تب Advanced ، بخش Less Compiler ، دکمه ی clear cache رو بزنید.

Share this post


Link to post
Share on other sites
کدها رو گفتید کجا قرار بدم؟ در پوشه template.less ؟؟؟

در فایل template.less

Share this post


Link to post
Share on other sites

باسلام

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

باید فونت ها را در خط اول فایل template.css قرار بدید.

موفق و پیروز باشید.

Share this post


Link to post
Share on other sites

آموزش قرار دادن فونت در جوملا:

ابتدا شما کد زیر رو در خط اول فایل template.css قالبتون قرار بدید (در بعضی از قالب های پیشرفته جوملا باید در فایل base ، layout و ... -بستگی به نوع قالب داره - قرار بدید)

کد:

@font-face

{

font-family: p30yaranfont;

src: url("../fonts/BNazanin.ttf")

,url("../fonts/BNazanin.eot"); /* IE9 */

}

سپس پوشه فونتی که فشرده کردم رو دانلود و در پوشه اصلی قالبتون کپی کنید!

اینم لینک دانلود فونت :

http://ir2up.ir/up9/e1b99d491c1.zip

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

کد:

font-family: p30yaranfont;

اگر مشکلی بود بگید در خدمتیم.

موفق و پیروز باشید .

Share this post


Link to post
Share on other sites

یه خرده سخت گفتید.میشه یه نگاه کنید به مراحلی که من رفتم بعد نظرتون رو بگید.

ممنون.

Share this post


Link to post
Share on other sites

ارسال شده در (ویرایش شده)

:13:

:13:

:13:

:13:

:13:

ویرایش شده در توسط user_joomla

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری