رفتن به مطلب

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

سلام
من میخام از سه تا فونت مختلف تو وبسایتم استفاده کنم
یکی برای متن ها
از دو تای دیگه یکی در اسلایدر و تیتر مطالب و سومی فقط تو اسلایدر
این کد ابتدای css من هست:

@font-face
{
  font-family:YEKAN;
  src:url(framework/css/font/BYekan.eot?#) format('eot'),url(framework/css/font/BYekan.woff) format('woff'),url(framework/css/font/BYekan.ttf) format('truetype');
  font-weight:400;
  font-style:normal
}

{
  font-family:Samra;
  src:url(framework/css/font/Samra.eot?#) format('eot'),url(framework/css/font/Samra.woff) format('woff'),url(framework/css/font/Samra.ttf) format('truetype');
  font-weight:400;
  font-style:normal
}

@font-face
{
  font-family:Mj_Silicon;
  src:url(framework/css/font/Mj_Silicon.eot?#) format('eot'),url(framework/css/font/Mj_Silicon.woff) format('woff'),url(framework/css/font/Mj_Silicon.ttf) format('truetype');
  font-weight:400;
  font-style:normal
  }
  
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, select, button {
  font-family: 'YEKAN' !important;
  font-weight: normal !important;
}

فونت اول من که byekan هست کاملا درسته و کار میکنه
فونت دوم من Mj_Silicon هست که به راحتی در تیتر ها (بخاطر کد پایین) و کدهای html اسلایدر با فراخوانی <h1>و<h1/> به درستی نمایش داده میشن

/* ------------------------------------------------------------------------ */
/* Typography
/* ------------------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Mj_Silicon !important; Helvetica, sans-serif;
    color: #444444;
    font-weight: 400;
    margin: 0 0 20px 0;
    padding: 0;
    line-height: 1.4;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a { font-weight: inherit }

h1 {
    font-size: 28px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 16px;
    font-weight: 400;
    color: #444444;
}

h5 {
    font-size: 14px;
    font-weight: 600;
}

h6 {
    font-size: 12px;
}

.highlight { color: #44bdbd; }

p { margin: 0 0 20px 0 }

p img { margin: 0 }

em { font-style: italic }

b, strong { font-weight: 700 }

p strong{ font-weight: 700; }

p b{ font-weight: 600; }

small { font-size: 80% }

hr {
    border: solid #ddd;
    border-width: 1px 0 0;
    clear: both;
    margin: 10px 0 30px;
    height: 0;
}

pre {
    height: auto;
    font-family: Consolas, monospace;
    border: 1px solid #e2e2e2;
    background: #f9f9f9;
    padding: 20px 20px;
    border-radius: 3px;
    margin: 0 0 20px 0;
    overflow-x:auto;
    box-shadow: inset 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}

.hidden {  display: none !important }

abbr {  }

address,
cite,
em,
i { font-style: italic }

dfn { border-bottom: 1px dashed; font-style: italic; }

small,
sub,
sup { position: relative; font-size: 11px; vertical-align: baseline; }
sub { top: 3px }
sup { bottom: 3px }

mark{
    display: inline;
    padding: 2px 4px;
    background-color: #f6f2d6;
    color:#7c6d08;
    border-radius: 3px;
}

mark.dark{
    background-color: #333;
    color: #ffffff;
}

::selection {
    background: #333333;
    color: #ffffff;
}

::-moz-selection {
    background: #333333;
    color: #ffffff;
}

مشکل من در فونت سوم هست که با این کد
<p style="padding-right: 30px;"><span style="font-family: 'Samra;">تست</span></p>
هم نمایش داده نمیشه
میخاستم ببینم میشه h1,h2,h3 رو یه فونت تنظیم کنم و h4,h5,h6 رو یه فونت دیگه؟
اگه کسی راه حل دیگه ای هم داره بگه؟

فکر کنم اسلایدر کد های html رو بدون فونت هاشون میاره!!

چکار کنم؟

لینک به ارسال

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

h1,h2,h3{font-family:Samra;}

h4,h5,h6{font-family:Mj_Silicon;}

اما یک نکته رو من بگم لود این همه فونت در سایت به شدت در سرعت لود سایتتون تاثیر گذاره.

موفق باشید

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

 

مشکل من در فونت سوم هست که با این کد
<p style="padding-right: 30px;"><span style="font-family: 'Samra;">تست</span></p>
هم نمایش داده نمیشه
میخاستم ببینم میشه h1,h2,h3 رو یه فونت تنظیم کنم و h4,h5,h6 رو یه فونت دیگه؟
اگه کسی راه حل دیگه ای هم داره بگه؟

فکر کنم اسلایدر کد های html رو بدون فونت هاشون میاره!!

چکار کنم؟

قبل از نام فونت یک علامت ' اضافی نیست؟

لینک به ارسال

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

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

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

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

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

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

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

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

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