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

[مـرادی 155]

سلام

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

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

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

***********

با ورود مرورگر جدید فایرفاکس 6، بسیاری از کاربران مرورگر خود را آپدیت و به این نسخه انتقال داده اند.

بعد از آپدیت شما شاید متوجه مشکل خاصی شده باشید، این مشکل خاص همان به هم ریختگی فونت ها و نوشته های فارسی سایت هایی است که از خاصیت Font-Face استفاده کرده اند، مثلا از فونت B Koodak و… ، دچار مشکل به هم ریختگی و بد نمایش داده شدن فونت‌های فارسی شده‌اند. شاید فکر کنید که این مشکل از سیستم مورد استفاده شماست و از آپدیت خود پشیمان شده باشید، ولی شما میتوانید به راحتی این مشکل را برطرف کنید.

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

این مشکل در فایرفاکس ۶ را میتوان از چند روش حل نمود که در ادامه در مورد هر یک از آنها توضیح می‌دهم. به ادامه مطلب مراجعه کنید.

- روش اول حذف کد Font-Face می‌باشد. به این صورت که با باز کردن فایل CSS مربوط به قالب کدهای فراخوانی فونت فارسی را حذف کنیم. در این روش دیگر نمی‌توانید از فونت‌های دلخواه استفاده نمایید. نمونه‌ای از کد در زیر آمده است.

@font-face {
font-family:'b koodak';
src: url('fonts/BKoodk.eot');
src: local('b koodak'), url('fonts/BKoodk.ttf') format('truetype');
}

روش دیگر تغییر تنظیمات فایرفاکس می‌باشد. با ایجاد تغییرات در کانفیگ مرورگر میتوان این مشکل را حل نمود. برای این کار در بخش آدرس عبارت about:config را تایپ کنید و Enter بزنید. سپس پیغامی نمایش داده میشود که بعد از تایید آن وارد config می‌شوید.

اکنون در بخش بالایی مرورگر، در Filter عبارت gfx.downloadable_fonts.sanitize را تایپ کنید و بعد از پیدا شدن گزینه، با دابل کلیک کردن مقدار آن را به False تغییر دهید.

- روش بعدی که می‌توانید از آن استفاده کنید، به کار بردن کدهای CSS اختصاصی مرورگر فایرفاکس است. به این صورت که با استفاده از خاصیت @-moz-document url-prefix() می‌توانید کدهایی را بنویسید که فقط قابل اجرا در مرورگر فایرفاکس باشد.

@-moz-document url-prefix(){
CSS Codes
}

این کار را به صورت زیر انجام دهید. مثال :

@-moz-document url-prefix(){
.title{font-family:Tahoma;}
}

امیدوار هستیم این مطلب مورد استفاده قرار گرفته و باعث رفع مشکل شما بشود.

منبع: تک وب دیزاین

در پناه حق...

[pn1367 0]

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

[مـرادی 155]

سلام

شما با چه مرورگری امتحان کردید؟؟

من به شخصه این روش رو تست کردم و هیچ مشکلی نداره!

دقت کنید در انجام کار!

[pn1367 0]

با اخرین نسخه فعلی مرورگر فایرفاکس

منم خیلی دقت کردم

چند بار ازمون و خطارفتم بازم تاثیر نداشت

[مـرادی 155]

از روش تغییر در کانفیگ مرورگر استفاده کنید.

[pn1367 0]

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

ممنون

[Saeed_Shamsi 758]

با سلام

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

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

کد هاتونو اینجا قرار بدین -

یا علی

[pn1367 0]

بله:

این قسمت منو من هستش :

/* ==== Menu */

#menu {background:url(images/menu.png) no-repeat left top; padding-left:15px; height:35px; width:307px; float:right; position:relative;}

#menu li {float:left;cursor:pointer; font-family:'arshia'; cursor:text}

#menu li a {text-decoration:none; padding:0 14px; line-height:35px; color:#676972; font-size:20px; text-shadow:0 1px 0 #ffffff; }

#menu .current {background:url(images/menuCurrent.png) no-repeat center bottom; padding-bottom:18px; cursor:text;}

#menu .current a {cursor:text;}

#menu #hoverColor {display:none;}

#menu #arrow {

background:url(images/menuCurrent.png) no-repeat center bottom;

display:none;

width:12px;

height:6px;

position:absolute;

bottom:-18px;

left:0;

cursor:default;

}

/* ==== Menu */

و این قسمت فونت مو باید بنویسم :

#menu li {float:left;cursor:pointer; font-family:'arshia'; cursor:text}

[مـرادی 155]

شما مطلب رو کامل بخونید

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

بلکه باید این کدهای معرفی شده رو اضافه کنید!

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

و فونت مورد نظر شما نشون داده نمیشه

شما یا باید اینکار رو انجام بدید

یا کاربرای سایت شما تغییرات رو برروی مرورگر خودشون انجام بدن

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

در پناه حق...

[pn1367 0]

متوجه بودم که باید اضافه کنم.این قسمت گویاست

@-moz-document url-prefix(){

CSS Codes

}

اما نشد جواب نداد!

ممنون

[kalasite 0]

سلام دوستان جوملايي

متاسفانه منم همين مشگل رو دارم-اگه كسي راهي پيدا كرد بگه ممنونش ميشم

www.kalasite.com