no-img

اِمیلا اضافه کردن دو یا چند فونت به قالب وردپرس
اِمیلا
ترفند وب اضافه کردن دو یا چند فونت به قالب وردپرس
فرم گزارش را به دقت تکمیل نمایید
از همکاری شما سپاسگذاریم

ادامه مطلب

بروزسانی شده در 15 خرداد 1398
اضافه کردن دو یا چند فونت به قالب وردپرس
امتیاز 5.00 ( 1 رای )
رمز : emila.ir
حمایت از emila.ir
درخواست کاربران

اضافه کردن دو یا چند فونت به قالب وردپرس

بروزسانی شده در 15 خرداد 1398
116
milipinkman

ابتدا باید فونت دلخواه خودتون رو در این سه فرمت وجود دارد را در پوشه اصلی قالب وردپرستان (یک پوشه به نام fonts) قرار دهیدو اگر وجود نداشت، بسازید! این سه فرمت را در داخل آن قرار دهید (در صورتی که قالب نصب بود آپلود می کنید).

در مرحله بعد شما باید فایل استایل (style.css) یا همان شیوه نامه یا برای قالب های فارسی شده فایل rtl قالب را باز کنید و در خط های بعد از توضیحات قالب (معمولا شامل این موارده: نام قالب، طراح، ورزن و… )، کدی تقریبا شبیه زیر را پیدا می کنید: (در اینجا فرض کنید فونت فالب سایت شما (iransansdn) است:

@font-face {
font-family: "iransansdn";
font-style: normal;
font-weight: 400;
src: local("iransansdn"), local("fonts/iransansdn"), url("fonts/iransansdn.woff") format("woff"), url("fonts/iransansdn.ttf") format("truetype"), url("fonts/iransansdn.svg") format("svg");
}

فرض کنید که علاوه بر فونت iransansdn قصد دارید فونت IRANSansWeb را نیز به قالب اضافه کنید و از هر دو استفاده نمائید.

اکنون فونت مورد نظرتان (برای مثال IRANSansWeb) را به قالب اضافه می کنیم. مانند زیر:

@font-face {
font-family: "IRANSansWeb";
font-style: normal;
font-weight: 400;
src: local("IRANSansWeb"), local("fonts/IRANSansWeb"), url("fonts/IRANSansWeb.woff") format("woff"), url("fonts/IRANSansWeb.ttf") format("truetype"), url("fonts/IRANSansWeb.svg") format("svg");
}

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

اکنون بخشی را که قصد دارید فونت مورد نظرتان آنرا نشان دهید ویراش کنید برای مثال :

h1, h2, h3, h4, h5, h6{
font-family: "iransansdn" !important;
}

به فرض که میخواهید سایز h1 در نوشته ها به صورت فونت اضافه شده نمایش داده شود. برای این کار ان را جدا کنید و فونت دستوری را اعمال نمائید.

h1{
font-family: "IRANSansWeb" !important;
}

یعنی نهایتا کدهای بالا به صورت زیر در استایل قرار خواهند گرفت:

h2, h3, h4, h5, h6{
font-family: "iransansdn" !important;
}

و

 h1{
font-family: "IRANSansWeb" !important;
}

بدین طریق از دو فونت مورد نظر در قالب وردپرس استفاده خواهد شد.

designer
emila.ir QR-code
موضوع : وب
برچسب : , ,
لینک کوتاه مطلب : https://emila.ir/?p=14099
نظرات ارسال شده توسط شما، پس از تایید، توسط مدیران سایت منتشر خواهد شد.
نظراتی که به غیر از زبان فارسی، غیر مرتبط با مطلب یا فینگلیش باشد، منتشر نخواهد شد.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

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

درباره نویسنده

Here is a some short information about me: I'm a natural born, writer, designer, forecaster, Interested in PHP programming and activities in the field of digital currency, basically I'm a pretty simple person. I work for Emila.ir for more than 1 years. I am passionate about creating posts and content for emila.ir which I think is Among the best viral persian Websites. I am available at Nearby

ارسال پیامک به ما  -  ارسال ایمیل به ما
IP شما: 54.172.234.236