سینما

چطوری 2 تا Font Face ایجاد کنیم ؟

5 پست در این موضوع

سلام.

ما تو پوشه فونت ، فونت های Yekan و B-Titr-Bold  رو اضافه کرده ایم ...چطوری میشه متون yekan باشن...و تیترهای هدر B Titr باشن ؟ احتراما کدش رو لطف میفرمایید چطور میشه؟

الان در حال حاضر اینه کدهامون :

@font-face {
    font-family: "Yekan";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/Yekan.woff2") format("woff2");
}

:root {
    --bs-font-sans-serif: Yekan;
}
.entry-header h1 a, .entry-header h2 a {
    text-decoration: none;
}

body.rtl .entry-header h2 {
    font-size: .95em !important;
}
body.rtl .entry-header h1 {
    font-size: 1.3em !important;
}

 

Share this post


Link to post
Share on other sites
آموزش ووکامرس قالب جوملا قالب وردپرس قالب رایگان وردپرس قالب رایگان جوملا هاست نامحدود هاست جوملا هاست لاراول هاست وردپرس هاست ارزان هاست ربات تلگرام خرید دامنه آموزش ساخت ربات تلگرام با php آموزش html و css آموزش لاراول آموزش cPanel آموزش php آموزش سئو وردپرس آموزش امنیت وردپرس آموزش وردپرس آموزش فرم ساز RSform آموزش سئو جوملا آموزش فروشگاه ساز Hikashop آموزش فروشگاه ساز ویرچومارت آموزش طراحی سایت آگهی تبلیغاتی آموزش امنیت جوملا آموزش طراحی سایت فروش فایل آموزش طراحی قالب ریسپانسیو با Helix آموزش جوملا 3 آموزش ساخت ربات دکمه ی شیشه ای آموزش ساخت ربات همکاری در فروش آموزش ساخت ربات جذب ممبر آموزش ساخت ربات ضد اسپم آموزش ساخت ربات پیوست فایل سورس ربات مدیر گروه | ربات مدیر گروه همسریابی

سلام

@font-face {
    font-family: "Yekan";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/Yekan.woff2") format("woff2");
}

@font-face {
    font-family: "titr";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/B Titr.woff2") format("woff2");
}

:root {
    --bs-font-sans-serif: Yekan;
}

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  font-family:titr;
}

.entry-header h1 a, .entry-header h2 a {
    text-decoration: none;
}

body.rtl .entry-header h2 {
    font-size: .95em !important;
}
body.rtl .entry-header h1 {
    font-size: 1.3em !important;
}

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

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

احتراما این کدها رو درج کردیم کار نکرد.عنوان فونت Btitr هم اصلاح کردم...بخاطر این خط نیست؟

  --bs-font-sans-serif: Yekan;

چون فقط فونت yekan  توش درج شده.

Share this post


Link to post
Share on other sites

 روال کار اینه:

اول دوتا فونت فامیلی یکان و تیتر رو ایجاد می کنی. کدهای زیر همین کارو انجام میده:

@font-face {
    font-family: "Yekan";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/Yekan.woff2") format("woff2");
}

@font-face {
    font-family: "titr";
    font-style: normal;
    font-weight: normal;
    src: local("☺️"), 
        url("../fonts/BTitr.woff2") format("woff2");
}

اسم و فرمت فونت ها باید درست باشه و داخل پوشه فونت ها موجود باشه.

بعد میای به کل سایت بااین کد این فونت فیس رو میدی

:root {
    --bs-font-sans-serif: Yekan;
}

قدم بعدی اینه که به تگ های عنوان این فونت فیس رو بدی

h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
  font-family:titr;
}

من این کد ها رو ندیدم باشه.

1 کاربر پسند دیده است

Share this post


Link to post
Share on other sites

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری