رفتن به مطلب

مشکل با نمایش فونت های قالب


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

سلام

دوستان من تو طراحی وب سایتم از فونت های انتظار و ادوب عربیک استفاده کردم

که اینا رو رو لوکال هاست به دریم ویور معرفی کردم(صرفا جهت طراحی)

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

در حال که من این کد ها رو تو فایل style قالب به کار بردم

این فقط برای فونت انتظاره


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

ولی جواب نداد

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

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

ممنون

آدرس آنلاین سایت:

http://pedarpesar.ir

لینک به ارسال

کد ها رو به این صورت تغییر دادم ولی باز هم اتفاقی نیوفتاد:


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

:( :(

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

لینک به ارسال


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

پوشه fonts باید داخل قالب و کنار style.css باشه

و با کد


.class {
font-family: 'Entezar';
}

خونده می شه

لینک به ارسال

پوشه fonts و فایل استایل همگی تو یه پوشه (پوشه اصلی قالب هستند)

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


font-family:"EntezareZohoor 1 **";

ویرایش شده توسط shayan
لینک به ارسال

پوشه fonts و فایل استایل همگی تو یه پوشه (پوشه اصلی قالب هستند)

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


font-family:"EntezareZohoor 1 **";

از نحوه ی تعریف فونت فیس معلومه که باید اینطور فراخوانی بشه :


font-family : Entezar1_v2.0.1;

لینک به ارسال

راستی یک چیز دیگه ای هم که هست اینه که نباید توی اسم فونت نقطه باشه !

پس این میشه فونت فیس :


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

هر جا هم میخوای فراخوانی کنی اینطور بنویس :


font-family : Entezar1;

لینک به ارسال

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

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

من اینجوری تغییر دادم


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

با فراخوانی:


font-family:"Entezar";

جواب نداد

شما هم یه تست کنید بینید فونت ها چجورین!

pedarpesar.ir

لینک به ارسال

یه سوال مهم

خب شاید بعضی ها این فونت رو رو سیستمشون نداشته باشن

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

چه طرف داشته باشه فونت رو چه نداشته باشه

لینک به ارسال

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

لینک به ارسال

ببینید من به هر دری زدم به نتیجه نرسیدم

امیدم به این انجمنه (مخصوصا اساتید عزیز آقا ایمان فخار و آقا مرتضی)

این فایل های منه:

52367121814886466027.png

اینم کد فونت فیسم


@font-face{
font-family:"entezar";
src: url("fonts/entezar.eot");
src: local("☺"),
url("fonts/entezar.woff") format("woff"),
url("fonts/entezar.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

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


font-family: entezar, Arial, Tahoma;

بقیش با شما ها

خیلییییییییی ممنون

لینک به ارسال

تمام این کار ها انجام شد

باز هم به نتیجه ای نرسیدم

:(

شاید مشکل از مرورگر من باشه

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

لینک به ارسال

توی فایل style.css قالب شما که اصلا کد


@font-face{
font-family:"entezar";
src: url("fonts/entezar.eot");
src: local("☺"),
url("fonts/entezar.woff") format("woff"),
url("fonts/entezar.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

نیست

اول کد ها را سرجاش بگذارید بعد چک کنید (اگر افزونه کش دارید باید تا انقضای کش فعلی نیز صبر کنید)

لینک به ارسال

چرا بود ولی توی این گیرها و استفاده از روش های مختلف (استفاده از کد های استایل شیت تو فایل هدر)

از رو فایل پاکشون کردم

ولی قبلا هم که بود توفیقی به حال ما نداشت

1- کد ها کپی شدن سر جای خودشون

2- منظورتون از افزونه کش چیه ، متوجه نشدم ، دقیقا باید چیکار کنم؟؟!!

لینک به ارسال

کنترل f5 را بزنید تا صفحه از نو بارگذاری بشه

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

لینک به ارسال

من که به نتیجه ای نرسیدم

دیگه واقعا خسته شدم!!!!

یه سوال:

من اگه برم تو فتوشاپ و این تیتر ها رو به صورت عکس png-24 خروجی بگیرم

1- قسمت transition css اون رو میشه به حالتی در آورد که هیچ جور حس نشه عکسه؟

2-آیا اون قسمت سایه متون باید تو css تعریف بشه یا فتوشاپ؟

یعنی دقیقا بشه این:

41828250618232295129.png

لینک به ارسال

من علاوه بر این تیتر ها به فونت adobe arabic هم نیاز دارم

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

http://www.ideaz.ir/

من میخوام فایل این فونت رو از رو هاست این سایت دانلود کنم

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

خیلی به جواب درستتون نیاز دارم

ممنون

لینک به ارسال

پیشنهاد من استفاده از ژنراتورهای فونت‌های پارسی است:

برخی از این ژنراتورها:

(اولین ژنراتور از لیست زیر توسط استاد فخار ساخته شده) :


http://mandegarweb.com/file/generator/farsi-font/
http://www.awebfont.ir
http://ifont.ir/
http://fontonline.ir/
http://font-api.ir/

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

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


http://iranata.com/2013/01/droid-naskh-kufi.html

ویرایش شده توسط sajjadnajafi
لینک به ارسال

پیشنهاد من استفاده از ژنراتورهای فونت‌های پارسی است:

برخی از این ژنراتورها:

(اولین ژنراتور از لیست زیر توسط استاد فخار ساخته شده) :


http://mandegarweb.com/file/generator/farsi-font/
http://www.awebfont.ir
http://ifont.ir/
http://fontonline.ir/
http://font-api.ir/

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

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


http://iranata.com/2013/01/droid-naskh-kufi.html

داداش این قسمت آخرش جواب داد

این سایت:


http://iranata.com/2013/01/droid-naskh-kufi.html

خیلیییی دمت گرررررررم

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

تا جایی که ممکنه فونت های مختلف معرفی کن

خیلییی گلیییی

لینک به ارسال

این استایل خارجیه؟

خیلیییی دمت گرررررررم

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

تا جایی که ممکنه فونت های مختلف معرفی کن

خیلییی گلیییی

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

برای فونت adobe arabic هم در جستجویی که داشتم یه جا توصیه کرده بود که از این فونت در وب استفاده نشه،(در واقع این وب فونت رو توصیه نکرده بود! :) ) علتش رو هم این طور بیان کرده بود که حجم این فونت بالاست و باعث کندی سرعت سایت میشه...

موفق باشید

ویرایش شده توسط sajjadnajafi
لینک به ارسال

ببینید دوستان:

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

رفتم سراغ روشی که آقای سجاد نجفی فرمودند

اون کار ها رو انجام دادم و کد و کلاسش رو گذاشتم تو فایل ccs ام

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

گشتم دنبال فونت مورد نظ خودم

لینک صفحه:


http://awebfont.ir/fonts.php?cat_id=9&fonts_id=1949

و تو قسمت نسخه تحت وب دریافت استایل اتوماتیک رو زدم و بعد قسمت @import رو اول فایل استایلم قرار دادم (که با کد سایت قبی که برای من معرفی شده بود شد دو تا کد ایمپورت)

و کلاسی که داده رو هم جایگزین کردم

تو سیستم خودم نمایش داد خیلی خوش حال شدم و دقیق کار کرد

http://upload7.ir/images/59920167540107638807.png

ولی مثل این که فقط رو سیستم خودم این اتفاق میوفته

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

:( :(

تو رو خدا یکی بیاد یه کاری کنه قال این قضیه کنده شده بره

والا دیه کم آوردم

:( :( :(

اینم آدرس:

http://pedarpesar.ir

ویرایش شده توسط Morteza
لینک به ارسال

دوست گرامی؛

برای من فونت ها به درستی نمایش داده شد..

و فقط تنها مشکلش فونت مربوط به تاریخ بالای صفحه بود که توصیه‌ام این هست که فونت مربوط به اون رو تعویض کنید..

موفق باشید

لینک به ارسال

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

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

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

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

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

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

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

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

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