رفتن به مطلب

نحوه ایجاد فونت دلخواه در پوسته 2021 با ادیت فایل style-trl.css


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

سلام و وقت بخیر دوستان،

لطفا من رو راهنمایی کنید تا بتونم فونت دلخواهم رو مثلا ایران سانس یا یکان رو به قالب 2021 خود وردپرس اضافه کنم،

اگر بخوام فایل style-rtl.css رو ادیت کنم، font-face رو نداره در کدهای این فایل، و اینکه قطعه کد ()global--font-primary: var-- رو چطوری باید ادیت کنم تا فونت مدنظرم رو اضافه کنم ؟

میخوام همه فونت های وبسایت عوض بشه، 

آیا راه دیگه ای هم داره ؟

 

خیلی ممنون

لینک به ارسال

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

اول ، فایلهای خود فونت رو گیر بیاری و توی یه پوشه توی قالب اپلود کنی. این فایلا شامل .wof , .wof2, ttf و یکی دوتا دیگه اس که مهمترینش همین سه تاس. 

مرحله دوم باید همون خطی که font face رو تعریف میکنه به فایل css اضافه کنی و ادرس درست به پوشه فایلهایی که اپلود کردی بدی.

دیگه فونت مورد نظر نصبه. مرحله سوم به هرچی خواستی توی css  مشخص میکنی که از چه font family  استفاده کنه. 

مثلا h1 میخای از فونت سفارشی استفاده کنه ،h1 رو تو استایل سرچ میکنی و قسمت فونت فامیلی رو عوض میکنی و اسم دخواه رو جایگزین فونت قبلی میکنی

لینک به ارسال

سلام

همین توضیحات جناب مرادی رو انجام بدید

البته سعی کنید از راه اصولی پیش برید و یک قالب فرزند برای پوسته ایجاد کنید

اگر آشنایی ندارید داخل گوگل جستجو کنید آموزش های تصویری موجوده

 

لینک به ارسال
  • 2 هفته بعد...
  • 2 هفته بعد...

سلام و درود از سایت فونت ایران فونت iransansX رو خریدم و من هم مثل جناب mohsenezabihi میخوام فونت ایرانسنس رو به قالب 2021  سایتم اضافه کنم اما نمیدونم font-family در کجای فایل style.css تغییر بدم 

اولین  font-family به شکل زیر هست:

 

 

/* Font Family */
    --global--font-primary: var(--font-headings-apple-systemBlinkMacSystemFont"Segoe UI"RobotoOxygen-SansUbuntuCantarell"Helvetica Neue"sans-serif);
    --global--font-secondary: var(--font-base-apple-systemBlinkMacSystemFont"Segoe UI"RobotoOxygen-SansUbuntuCantarell"Helvetica Neue"sans-serif);

 

 

و سوال دوم اینکه فایل rtl.css رو هم باید تغییر بدم؟

لینک به ارسال
در 14 ساعت قبل، asadiy4n گفته است :

@sepideh19

سلام به انجمن خوش آمدید

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

همون بخش سفارشی سازی و CSS اضافی کدها رو اضافه کنید


html,
body,
a,
p{
	font-family: Name !important;
}

 

سلام سپاسگزارم و ممنونم از شما بایت سایت مفید و ارزشمندتون

من طراح سایت نیستم و کد نویسی و برنامه نویسی هیچ تخصصی ندارم. درواقع ما خودمون یک سایت فروشگاهی با محصولات آموزشی_ دانلودی داریم . مدتیه شروع کردم به آموزش دیدن تا بتونم خودم مسائلی که در سایت بهش برخورد میکنم رو حل کنم.. خداروشکر بعد از تقریبا 4 ماه تحقیق و آموزش تونستم سایتم رو توی لوکال با المنتور و با قالب 2021 از صفر تاصد  طراحی کنم و یک عالمه از مشکلاتش رو حل کنم.. الان نوبت رسیده به نصب فونت در هاست اصلی.. خیلی خیلی دوست دارم تمام مراحل نصب فونت رو خودم انجام بدم.

 

شما گفتین بهتره توی قالب child  این کار رو انجام بدم.. میخوام ساخت قالب فرزند رو یاد بگیرم و انجام بدم.. در این زمینه اگر نکته خاصی لازم میدونید ..یا سایت مناسب برای آموزش دیدن سراغ دارید. ممنون میشم بفرمایید.

لینک به ارسال

سلام رزوتون بخیر

ضمن تشکر از راهنمایی هاتون به خوبی برای قالب 2021 قالب فرزند ساختم.  ممنون میشم بفرمایید حالا چطوری فونت دلخواهم رو روی قالب فرزند قرار بدم؟

(فونت ایرانسنس از سایت فونت ایران خریدم)

 

توضیحات بالا روی قالب مادر هست ..

پوشه  webfonts رو توی قالب فرزند آپلود کنم؟

برای فایل rtl.css  چیکار کنم؟

لینک به ارسال
در ۱ ساعت قبل، sepideh19 گفته است :

سلام رزوتون بخیر

ضمن تشکر از راهنمایی هاتون به خوبی برای قالب 2021 قالب فرزند ساختم.  ممنون میشم بفرمایید حالا چطوری فونت دلخواهم رو روی قالب فرزند قرار بدم؟

(فونت ایرانسنس از سایت فونت ایران خریدم)

 

توضیحات بالا روی قالب مادر هست ..

پوشه  webfonts رو توی قالب فرزند آپلود کنم؟

برای فایل rtl.css  چیکار کنم؟

شما باید توی پوشه فرزند، یه پوشه درست کنی به هر اسمی که میخای. مثلا پوشه font یا webfont

بعد فایلهای فونتی که داری یا خریدی رو که یه سه چارتایی با پسوندهای مختلف هستن رو ، اپلود میکنی توی این پوشه. 

بعدش فایل css اصلی رو باز میکنی و دستورات font-face رو اول فایل استایل مینویسی. این دستورات ، رو با سرچ همین font face  میتونی توی گوگل پیدا کنی. فقط نکته مهمی که هست، توی این دستورات شما باید ادرس به فایلهای فونت رو بدی . یعنی فرمت کلی رو از گوگل کپی کن ، فقط قسمت url  فایلها باید همون چیزی باشه که در پوشه های شما هست. مثلا مینویسی /webfont/iransans.woff2

برای هر سه چارتا فایل فونت باید ادرس درست در فونت فیس بنویسی. 

کاری به استایل راستچین هم نداری. 

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

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

لینک به ارسال

سلام وقتتون بخیر.ممنونم از راهنمایی تون

 

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

این کدهای استایل که fontiran ضمیمه فایل فونت ارسال کرده

آیا تمام این قطعه کد باید در استایل قالب فرزند بزارم؟

@import url(fontiran.css); /* لینک فایلی که وظیفه بارگذاری فونت ها را برعهده دارد */
body {
    font-family: IRANSansX  !important;
    direction: rtl;
    background-color: #cdcdcd;
    margin: 0;
}
h1, h2, h3, h4, h5, h6,input, textarea {
    font-family: IRANSansX !important;
}
h1 {
    font-weight: bold;
}
.wrapper {
    max-width: 900px;
    margin: 0 auto;
}
.ltr {
    direction: ltr;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-small {
    font-size: 0.8em;
}
.text-xsmall {
    font-size: 0.6em;
}
.text-large {
    font-size: 1.2em;
}
.text-xlarge {
    font-size: 1.4em;
}
.text-underline {
    text-decoration:underline;
}

.text-thin {
    font-weight: 100;
}
.text-UltraLight {
    font-weight: 200;
}
.text-light {
    font-weight: 300;
}
.text-regular {
    font-weight: 400;
}
.text-medium {
    font-weight: 500;
}
.text-demibold {
    font-weight: 600;
}
.text-bold {
    font-weight: 700;
}

.text-extrabold {
    font-weight: 800;
}
.text-black {
    font-weight: 900;
}

blockquote {
    font-weight: 700;
    padding: 10px;
    border: 1px dashed #666666;
}

.mainbox {
    width: 100%;
    background-color: #EFEFEF;
    display: table;
    margin-bottom: 30px;
    border-right: 8px solid #df79ff;
}

.mainboxnegativ {
    width: 100%;
    background-color: #000000;
    display: table;
    margin-bottom: 30px;
    border-right: 8px solid #df79ff;
    color: #F9F9F9;
}

.mainbox2 {
    font-size: 1em;
    width: 90%;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.mainboxitalic {
    font-size: 1em;
    font-style: italic;
    width: 90%;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.mainbox3 {
    width: 100%;
    background-color: #DFDFDF;
    display: table;
    margin-bottom: 30px;
    border-right: 8px solid #FF5EAA;
}

.mainbox2negativ {
    font-size: 1em;
    color: #F9F9F9;
    background-color: #000000;
    padding-right: 20px;
}


.farsiparagraph {
    font-size: 1em;
    width: 47%;
    float:right;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;

}

.farsiparagraph_negativ {
    font-size: 1em;
    color: #F9F9F9;
    background-color: #000000;
    width: 47%;
    float:right;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 10px;

}


.englishparagraph {
    font-size: 1em;
    width: 47%;
    float: left;
    direction:ltr;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;


}

.englishparagraph_negativ {
    font-size: 1em;
    color: #F9F9F9;
    background-color: #000000;
    width: 47%;
    float: left;
    direction:ltr;
    padding-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;


}
.rightbox {
    width: 60%;
    padding-right: 20px;
    padding-left: 5px;
    float: right;
    margin-left: 10px;
    margin-bottom: 0px;
    min-width: 0px;
    background-color: #F7F7F7;

}

.titelbox {
    width: 60%;
    padding-right: 25px;
    padding-left: 0px;
    float: right;
    margin-left: 10px;
    margin-bottom: 0px;
    min-width: 0px;
    background-color: #d5d5d5;
    color: #4B4B4B;
}


.lefttbox {
    
    padding-right: 20px;
    padding-left: 4px;
    float: right;
    margin-bottom: 10px;
    min-width: 0px;
}

.alphabet {
    width: 35%;
    float: left;
    font-size: 20em;
    text-align: center;
    font-weight: 700;
    color: #999999;
}

.alphabet2 {
    width: 35%;
    float: left;
    direction: ltr;
    font-size: 1.6em;
    text-align: left;
    font-weight: 400;
    color: #333333;
    margin-top: 100px;
}
.footer {
    font-weight: 400;
    font-size: 0.7em;
    text-align: center;
    direction: ltr;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
 

لینک به ارسال
در 23 ساعت قبل، asadiy4n گفته است :

آدرس سایتتو رو قرار بدید

سلام 

آدرس سایت خدمت شما  https://bahrtahlil.com/

جناب مهندس فعلا با کدهای css از قسمت پیشخوان _ بخش نمایش _ css اضافی، تونستم فونت نوشته های سایت رو به  ایرانسنس تغییر دادم..

منتهی میخوام به صورت اصولی فونت قالب سایت به ایرانسنس تغییر پیدا کنه..

 

ممنون از راهنمایی های شما

 

 

 

لینک به ارسال

 

در ۱ ساعت قبل، sepideh19 گفته است :

جناب مهندس فعلا با کدهای css از قسمت پیشخوان _ بخش نمایش _ css اضافی، تونستم فونت نوشته های سایت رو به  ایرانسنس تغییر دادم..

می تونید کدهاتون رو داخل فایل css در childtheme قرار بدید

در ۱ ساعت قبل، sepideh19 گفته است :

فونت نوشته های سایت رو به  ایرانسنس تغییر دادم..

من چک کردم فونت سایت شما ایران سانس نبود!

لینک به ارسال
در 2 ساعت قبل، asadiy4n گفته است :

 

می تونید کدهاتون رو داخل فایل css در childtheme قرار بدید

من چک کردم فونت سایت شما ایران سانس نبود!

الان مجددا امتحان کردم و کدها رو در فایل style.css گذاشتم و برای فراخوانی آدرس دهی کردم ولی اجرا نمیشه

 

و اینکه میفرمایید فونت سایت ایرانسنس نیست، این قطعه کد رو توی (پیشخوان_ نمایش _ سفارشی سازی _ css اضافی )گذاشتم. فونت نوشته ها رو تغییر داده .. نمیدونم مسئله چیه

 

body {
    font-family: IRANSansX  !important;
    direction: rtl;
    background-color: #cdcdcd;
    margin: 0;
}
h1, h2, h3, h4, h5, h6,input, textarea {
    font-family: IRANSansX !important;
}
 

 

 

لینک به ارسال

سلام مجدد خدمت شما بزرگواران

 بینهایت بخاطر سایت ارزشمندتون و راهنمایی هاتون ممنونم

خداروشکر فونت توی قالب سایتم با موفقیت درست شد.

 

مسئله ای که وجود داشت و مانع میشد (کش مرورگر کروم رو پاک کردم همه چی درست شد)

لینک به ارسال

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

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

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

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

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

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

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

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

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