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

[سینما 9]

سلام.

ما تو پوشه فونت ، فونت های 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;
}

 

[levelup 257]

سلام

@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 یاد بگیری. خیلی به کار میاد. اگر بعدا هم بخوای کدنویسی قالب جوملا رو یاد بگیری خیلی کمکت می کنه. طراحی قالب جوملا از ووردپرس خیلی راحت تره. 

[سینما 9]

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

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

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

[levelup 257]

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

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

@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;
}

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

[سینما 9]

خیلی خیلی از لطف تون ممنونم. درست شد.