+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: آموزش (/forum-25.html)
+--- انجمن: آموزش هاي جوملا (/forum-106.html)
+--- موضوع: حل مشکل به هم ریختگی نوشته های فارسی سایت در مرورگر فایرفاکس (/thread-2212.html)
حل مشکل به هم ریختگی نوشته های فارسی سایت در مرورگر فایرفاکس - صابرمحمدی - ۲۷-۶-۱۳۹۰ ۰۵:۰۷ صبح
سلام و درود خدمت تمامی دوستان
با ورود مرورگر جدید فایرفاکس 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;}
}