ورود

View Full Version : سوال: نمایش فونت بصورت مربع در هنگام استفاده از font-face!



Maryam.J
چهارشنبه 20 خرداد 1394, 11:16 صبح
من از فونت فیس استفاده کردم که توی سایتم فونت یکان داشته باشم.
همه چی درست کار میکنه، ولی گاهی اوقات وقتی صفحه رو باز میکنم یا رفرش میکنم، بعضی متن ها بصورت مربع نشون داده میشه
@charset "utf-8";
@font-face {
font-family: 'byekan';
src: url('/fonts/yekan-webfont.eot');
src: url('/fonts/yekan-webfont.eot?#iefix') format('embedded-opentype'),url('/fonts/yekan-webfont.woff') format('woff'),url('/fonts/yekan-webfont.ttf') format('truetype'),url('/fonts/yekan-webfont.svg#y_yekan') format('svg');
font-weight: normal;
font-style: normal;
}

توی صفحه هام هم از متا استفاده کرده ام.:
<meta charset="UTF-8" />
همونطور که توی عکس زیر میبینید، برخی نوشته ها خرابن و برخی درست!! رفرش میکنم درست میشن ولی باز با رفرش بعدی ممکنه خراب بشه

132106

از فونت پسوندهای eot , svg , ttf , woff رو دارم. روی سایت دیگه خوب کار میکنن. یعنی خود فونت احتمالا مشکلی نداره.
آیا کسی میدونه مشکل چیه؟

danialfarzaneh
چهارشنبه 20 خرداد 1394, 19:24 عصر
احتمالا مشکل از فونتونه

از این فونت ها استفاده کنید http://p30download.com/fa/entry/50551/

سعید کشاورز
چهارشنبه 20 خرداد 1394, 19:31 عصر
منم یه بار با همچین مشکلی بر خوردم..آخرشم نفهمیدم چرا اینجوری میشه..وقتی چندبار رفرش میدادم کاراکترها عوض میشدن..فقط هم سر یه قالب این اتفاق برام افتاد..من خودم حدسم رفت ادیتوری که باهاش کد میزدم این مشکل رو به وجود آورده..
من با ادیتور براکتس این اتفاق برام افتاد..شما از چی استفاده میکنید برای کد زدن؟

SlowCode
چهارشنبه 20 خرداد 1394, 20:03 عصر
مشکل از اینه که فایل های فونت کامل بارگزاری نمیشه، چون میگی گاهی اوقات درست نمایش میده. به احتمال زیاد مشکل از سمت سروره.
شاید با استفاده از Leverage browser caching (https://www.feedthebot.com/pagespeed/leverage-browser-caching.html) مشکلت حل بشه. اگر نشد با پشتیبان درجریان بزار اگر حل نکردن احتمالا باید هاستت رو عوض کنی.

من خودم حدسم رفت ادیتوری که باهاش کد میزدم این مشکل رو به وجود آورده..
من با ادیتور براکتس این اتفاق برام افتاد..شما از چی استفاده میکنید برای کد زدن؟
فکر نمیکنم ادیتور ارتباطی با این موضوع داشته باشه! فوقش ادیتور میتونه عامل ایجاد کاراکتر crlf بشه، که اونم نمیتونه باعث این مشکل بشه.

سعید کشاورز
چهارشنبه 20 خرداد 1394, 20:13 عصر
البته برای من این شکلی مربع مربع نمیشد..حروف تبدیل به «# + میشد..یه همچین حالتی..

afshinz
چهارشنبه 20 خرداد 1394, 20:35 عصر
اتفاقا منم یه کار برای مشتری زدم همچین مشکلی داشت.
رفرش که میکردم صفحه رو درست میشد.
شانس اوردم زیاد گیر نبود:):لبخند:

Maryam.J
پنج شنبه 21 خرداد 1394, 07:24 صبح
احتمالا مشکل از فونتونه

از این فونت ها استفاده کنید http://p30download.com/fa/entry/50551/

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



منم یه بار با همچین مشکلی بر خوردم..آخرشم نفهمیدم چرا اینجوری میشه..وقتی چندبار رفرش میدادم کاراکترها عوض میشدن..فقط هم سر یه قالب این اتفاق برام افتاد..من خودم حدسم رفت ادیتوری که باهاش کد میزدم این مشکل رو به وجود آورده..
من با ادیتور براکتس این اتفاق برام افتاد..شما از چی استفاده میکنید برای کد زدن؟
من از visual studio استفاده میکنم و فکر نکنم به اون ربط داشته باشه. :متفکر:


مشکل از اینه که فایل های فونت کامل بارگزاری نمیشه، چون میگی گاهی اوقات درست نمایش میده. به احتمال زیاد مشکل از سمت سروره.
شاید با استفاده از Leverage browser caching (https://www.feedthebot.com/pagespeed/leverage-browser-caching.html) مشکلت حل بشه. اگر نشد با پشتیبان درجریان بزار اگر حل نکردن احتمالا باید هاستت رو عوض کنی.

من روی لوکال این مشکل رو دارم. روی هاست هم همینطور!! :گریه:



اتفاقا منم یه کار برای مشتری زدم همچین مشکلی داشت.
رفرش که میکردم صفحه رو درست میشد.
شانس اوردم زیاد گیر نبود:):لبخند:
برا من که زیاد گیره :گریه:


نظر دیگه ای نست؟

danialfarzaneh
پنج شنبه 21 خرداد 1394, 10:22 صبح
دلایل زیادی می تونه داشته باشه

برای من وقتی تعداد ارقام زیاد بود بخش کپی رایت فوتر به هم می ریخت و یه متن عجیب میشد.
با عوض کردن فونت این مشکل حل شد.

با مرورگرهای دیگر هم تست کردید ؟

Maryam.J
پنج شنبه 21 خرداد 1394, 11:02 صبح
با عوض کردن فونت این مشکل حل شد.

با مرورگرهای دیگر هم تست کردید ؟

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

مثل اینکه فقط توی کروم مشکل داره. با اینترنت اکسپلورر و موزیلا تست کردم درست بود :(

danialfarzaneh
پنج شنبه 21 خرداد 1394, 12:06 عصر
:متفکر: امکان داره تنظیمات کروم تغییر کرده باشه
تنظیمات فونت رو به شکل زیر تغییر بدید
show advanced settings > web content < customize font <encoding رو به western (windows-1252) تغییر بدید
مرورگر رو مجددا باز کنید

پشتیبانی گوگل
این دو لینک می تونه مفید باشد
https://support.google.com/chrome/answer/95290?hl=en
https://support.google.com/chrome/answer/95416

و در آخر اگر نتیجه نداشت تنظیمات رو ریست کنید
settings > show advanced settings < reset settings

امیدوارم مفید باشد

Maryam.J
شنبه 23 خرداد 1394, 20:15 عصر
مشکل رو که نفهمیدم از چیه :متفکر:
اما تغییری که دادم و درست شد این بود که سایز فونت وقتی 15px بود، خراب نشون میداد. ولی اگه 14 میذاشتم، درست میشد. :متعجب::عصبانی++: