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

[whois]

با سلام

من از طریق آموزشتون جلو رفتم و فونت فارسی رو به قالبم اضافه کردم، ولی وقتی که حافظه کش رو پاک کردم قالب سایت کاملاً به هم ریخت.

قبلا من فایل های فونت رو روی هاست آپلود کرده بودم و لینک مستقیم میدادم توی دستور custom.css، ولی چون فونت ها باید از جای دیگه ای لود میشدن وقتی صفحه سایت رو لود میکردم 1 الی 2 ثانیه طول میکشید تا فونت فارسی جایگزین فونت پیشفرض بشه، تصمیم گرفتم روی منابع خود قالب آپلود کنم و قرار بدم تا درجا لود بشه.

ولی نمیدونم چرا وقتی که از لینک منابعی که روی قالب آپلود کردم استفاده میکنم، قالب سایت کاملاً به هم میریزه.

[Bot]

سلام کاربر گرامی،

سوال یا مشکل شما دریافت شده است و چون هیچ یک از اعضای تیم پشتیبانی در حال حاضر آنلاین نیستند به تاپیک شما بعد از چند ساعت پاسخ داده خواهد شد!

توجه داشته باشید که پاسخ به موضوعات فنی ممکن است مدتی طول بکشد. از صبر و شکیبایی شما سپاسگذاریم.

,

[Support]

سلام.

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

[whois]

10 ساعت قبل، Arash.Ranjbar گفته است:

سلام.

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

/* -- Fonts -- */

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('{resource="IRANSansWeb_Bold.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb_Bold.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
    	url('{resource="IRANSansWeb_Bold.woff2" app="core" location="global"}') format('woff2'),
      	url('{resource="IRANSansWeb_Bold.woff" app="core" location="global"}') format('woff'),
      	url('{resource="IRANSansWeb_Bold.ttf" app="core" location="global"}') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('{resource="IRANSansWeb_Medium.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb_Medium.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
      	url('{resource="IRANSansWeb_Medium.woff2" app="core" location="global"}') format('woff2'),
      	url('{resource="IRANSansWeb_Medium.woff" app="core" location="global"}') format('woff'),
      	url('{resource="IRANSansWeb_Medium.ttf" app="core" location="global"}') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('{resource="IRANSansWeb_Light.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb_Light.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
      	url('{resource="IRANSansWeb_Light.woff2" app="core" location="global"}') format('woff2'),
      	url('{resource="IRANSansWeb_Light.woff" app="core" location="global"}') format('woff'),
      	url('{resource="IRANSansWeb_Light.ttf" app="core" location="global"}') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('{resource="IRANSansWeb_UltraLight.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb_UltraLight.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
      	url('{resource="IRANSansWeb_UltraLight.woff2" app="core" location="global"}') format('woff2'),
      	url('{resource="IRANSansWeb_UltraLight.woff" app="core" location="global"}') format('woff'),
      	url('{resource="IRANSansWeb_UltraLight.ttf" app="core" location="global"}') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('{resource="IRANSansWeb.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
      	url('{resource="IRANSansWeb.woff2" app="core" location="global"}') format('woff2'),
      	url('{resource="IRANSansWeb.woff" app="core" location="global"}') format('woff'),
      	url('{resource="IRANSansWeb.ttf" app="core" location="global"}') format('truetype');
}

body,
h1,
h2,
h3,
h4,
h5,
p,
g,
input,
ul,
li,
a,
.ipsDataItem_statsLarge,
.ipsNavBar_primary,
.ipf,
.download,
.ipsList_inline,
.ipsList_reset,
.ipsDataItem_stats_number,
.offline-el,
.tag-label,
.online-el,
.ipsDialog_title,
.ipsType_pageTitle,
.ipsDialog_title,
.ipsType_sectionTitle,
.ipsType_secondaryTitle,
.ipsType_sectionHead,
.ipsType_minorHeading,
.ipsApp label:not(.ipsField_unlimited),
.ipsApp input,
.ipsApp button,
.ipsApp select,
.ipsApp textarea,
.ipsWidget.ipsWidget_vertical .ipsWidget_title,
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
	font-family: IRANSans;
}

 

[Support]

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

پنج تا فونت دارین همشون هم iransans هستن.

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

 

[whois]

35 دقیقه قبل، Arash.Ranjbar گفته است:

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

پنج تا فونت دارین همشون هم iransans هستن.

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

 

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

[whois]

الان دوباره لینک داخلی گذاشتم نریخت به هم، ولی بعضی وقتا ک کش رو پاک میکنم میریزه به هم

[whois]

مشکل خود به خود برطرف شد!

دیشب که اینکارو کردم قالب به هم ریخت ولی الان که باز گذاشتم اتفاقی نیوفتاد، نمیدونم از چی بود!

کد نهایی:

/* -- Fonts -- */

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('{resource="IRANSansWeb_Bold.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb_Bold.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
	url('{resource="IRANSansWeb_Bold.woff2" app="core" location="global"}') format('woff2'),
	url('{resource="IRANSansWeb_Bold.woff" app="core" location="global"}') format('woff'),
	url('{resource="IRANSansWeb_Bold.ttf" app="core" location="global"}') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 500;
	src: url('{resource="IRANSansWeb_Medium.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb_Medium.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
	url('{resource="IRANSansWeb_Medium.woff2" app="core" location="global"}') format('woff2'),
	url('{resource="IRANSansWeb_Medium.woff" app="core" location="global"}') format('woff'),
	url('{resource="IRANSansWeb_Medium.ttf" app="core" location="global"}') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 300;
	src: url('{resource="IRANSansWeb_Light.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb_Light.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
	url('{resource="IRANSansWeb_Light.woff2" app="core" location="global"}') format('woff2'),
	url('{resource="IRANSansWeb_Light.woff" app="core" location="global"}') format('woff'),
	url('{resource="IRANSansWeb_Light.ttf" app="core" location="global"}') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: 200;
	src: url('{resource="IRANSansWeb_UltraLight.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb_UltraLight.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
	url('{resource="IRANSansWeb_UltraLight.woff2" app="core" location="global"}') format('woff2'),
	url('{resource="IRANSansWeb_UltraLight.woff" app="core" location="global"}') format('woff'),
	url('{resource="IRANSansWeb_UltraLight.ttf" app="core" location="global"}') format('truetype');
}

@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('{resource="IRANSansWeb.eot" app="core" location="global"}');
	src: url('{resource="IRANSansWeb.eot?#iefix" app="core" location="global"}') format('embedded-opentype'),
	url('{resource="IRANSansWeb.woff2" app="core" location="global"}') format('woff2'),
	url('{resource="IRANSansWeb.woff" app="core" location="global"}') format('woff'),
	url('{resource="IRANSansWeb.ttf" app="core" location="global"}') format('truetype');
}

body,
h1,
h2,
h3,
h4,
h5,
p,
g,
input,
ul,
li,
a,
.ipsDataItem_statsLarge,
.ipsNavBar_primary,
.ipf,
.download,
.ipsList_inline,
.ipsList_reset,
.ipsDataItem_stats_number,
.offline-el,
.tag-label,
.online-el,
.ipsDialog_title,
.ipsType_pageTitle,
.ipsDialog_title,
.ipsType_sectionTitle,
.ipsType_secondaryTitle,
.ipsType_sectionHead,
.ipsType_minorHeading,
.ipsApp label:not(.ipsField_unlimited),
.ipsApp input,
.ipsApp button,
.ipsApp select,
.ipsApp textarea,
.ipsWidget.ipsWidget_vertical .ipsWidget_title,
.ipsWidget.ipsWidget_horizontal .ipsWidget_title {
	font-family: IRANSans;
}

باتشکر.

ویرایش شده در ژانویه 3 2022 توسط MH11

[Bot]

این تاپیک بدلیل یافتن راه حل از سوی کاربر، قفل شده است. اگر سوال یا مشکلی در این خصوص دارید لطفا تاپیک جدیدی ایجاد کنید.