رفتن به مطلب

تغییر فونت سایت دو زبانه


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

سلام

من یه سایت دو زبانه فارسی و انگلیسی دارم که میخوام برای هر زبان یک فونت خاص داشته باشم برای همین اومدم برای فونت فارسی در پوشه فونت؛ فونت وزیر را اضافه کردم و کدهای مربوط به فونت را در فایل style.css ریختم که کدش رو در زیر گذاشتم و برای تغییر فونت در هر زبان هم کد زیر رو به additional css قالبم اضافه کردم.

اما مشکل اینجاست فونت فارسی در فایرفکس و اینترنت اکسپلور عوض میشه ولی داخل کروم عوض نمیشه؟ لطفاً راهنمایی کنید که مشکلم از کجاست. لطفاً کامل توضیح بدید چون من تازه کارم و خیلی وارد نیستم با تشکر.

این کد رو آخر فایل htaccess گذاشتم

# BEGIN REQUIRED FOR WEBFONTS
AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>
# END REQUIRED FOR WEBFONTS

این کد رو در style گذاشتم:

@font-face {
font-family: 'Vazir';
src: url('fonts/Vazir.eot');
src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'),
url('fonts/Vazir.woff2') format('woff2'),
url('fonts/Vazir.woff') format('woff'),
url('fonts/Vazir.ttf') format('truetype');
font-weight: normal;
}

این کد رو هم به قسمت به add css قالب

.module.right:lang(en), .module-group.right:lang(en) 
{
float:right;
font-family: Open Sans !important;
letter-spacing: 0px !important;
}
.module.right:lang(fa), .module-group.right:lang(fa) 
{
float:right;
font-family: Vazir !important;
letter-spacing: 0px !important;
}
div:lang(en)
{
font-family: Open Sans  !important;
letter-spacing: 0px !important;
}
div:lang(fa)
{
font-family:  Vazir !important;
letter-spacing: 0px !important;
font-weight:lighter ; 
line-height:25px;
margin-bottom:10px;
}
input:lang(en)
{
font-family: Open Sans   !important;
letter-spacing: 0px !important;
direction:ltr;
}
input:lang(fa-IR)
{
font-family:  Vazir   !important;
letter-spacing: 0px !important;
direction:rtl;
}
.nav-container:lang(en) 
{
font-family: Open Sans   !important;
letter-spacing: 0px !important;
}
.nav-container:lang(fa-IR) 
{
font-family: Vazir    !important;
letter-spacing: 0px !important;
}
p:lang(en)
{
font-family: Open Sans  !important;
letter-spacing: 0px !important;
}
p:lang(fa)
{
font-family: Vazir !important;
letter-spacing: 0px !important;
font-weight:lighter ;
  line-height:40px;
	margin-bottom:20px;
}
.grve-testimonial-content:lang(en)
{
font-family: Open Sans  !important;
letter-spacing: 0px !important;
}
.grve-testimonial-content:lang(fa)
{
font-family: Vazir   !important;
letter-spacing: 0px !important;
}
a:lang(en)
{
font-family: Open Sans !important;
letter-spacing: 0px !important;
}
a:lang(fa)
{
font-family: Vazir  !important;
letter-spacing: 0px !important;
}
h3:lang(en),h2:lang(en),h1:lang(en),h4:lang(en),h5:lang(en),h6:lang(en),h7:lang(en)
{
font-family: Open Sans  !important;
letter-spacing: 0px !important;
}
h3:lang(fa), h2:lang(fa),h1:lang(fa), h4:lang(fa),h5:lang(fa), h6:lang(fa),h7:lang(fa)
{
font-family: Vazir   !important;
letter-spacing: 0px !important;
}
h1:lang(en), .grve-h1:lang(en), #grve-theme-wrapper:lang(en) .grve-modal:lang(en) .grve-search:lang(en) input[type='text']:lang(en), .grve-dropcap:lang(en) span:lang(en), p.grve-dropcap:lang(en):first-letter
{
font-family: Open Sans !important;
letter-spacing: 0px !important;
}
h1:lang(fa), .grve-h1:lang(fa), #grve-theme-wrapper:lang(fa) .grve-modal:lang(fa) .grve-search:lang(fa) input[type='text']:lang(fa), .grve-dropcap:lang(fa) span:lang(fa), p.grve-dropcap:lang(fa):first-letter
{
font-family:  Vazir  !important;
letter-spacing: 0px !important;
}
.showcase-single :lang(en) .zoom-line:lang(en) .zoom-line-caption-inner:lang(en) .zoom-line-title-inner:lang(en)
{
letter-spacing: 0px !important;
}
.showcase-single :lang(fa) .zoom-line:lang(fa) .zoom-line-caption-inner:lang(fa) .zoom-line-title-inner:lang(fa)
{
letter-spacing: 0px !important;
}
body:lang(en)
{
letter-spacing: 0px !important;
}
body:lang(fa)
{
letter-spacing: 0px !important;
}
span:lang(en)
{
font-family: Open Sans !important;
letter-spacing: 0px !important;
}
span:lang(fa)
{
font-family:  Vazir  !important;
letter-spacing: 0px !important;
font-weight: bold ;
}

 

لینک به ارسال

سلام

اگر بتونید آدرس سایت رو بدید راحتتر میشه بررسی کرد

لینک به ارسال

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

بنظرم بهتره یک فونت مشخص به عنوان فونت پیش‌فرض برای فارسی بدید تا این مورد رفع بشه

لینک به ارسال

میشه بیشتر توضیح بدید منظورتون چیه یعنی فونت پیش فرض سایت که الان pt sans  هست رو به یک فونت فارسی تغییر بدم؟ اون موقع برای فونت انگلیسی همین مشکل ایجاد نمیشه؟  و برای قالبم تنها می تونم بعنوان فونت پیش فرض از یکی از فونت های گوگل استفاده کنم. نمی تونم که یک فونت فارسی بزارم.

لینک به ارسال

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

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

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

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

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

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

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

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

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