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

سلام
من میخام از سه تا فونت مختلف تو وبسایتم استفاده کنم
یکی برای متن ها
از دو تای دیگه یکی در اسلایدر و تیتر مطالب و سومی فقط تو اسلایدر
این کد ابتدای 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 رو بدون فونت هاشون میاره!!

چکار کنم؟

0

به اشتراک گذاری این پست


لینک به پست

گویا با کد html که توش font-family باشه هیچ جای سایت نمیتونم فونت اضافه کنم
کسی میدونه چطور به ویرایشگر متن فونت های خودم رو اضافه کنم؟
الان ویرایشگر tiny mce دارم

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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

موفق باشید

0

به اشتراک گذاری این پست


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

 

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

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

چکار کنم؟

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

0

به اشتراک گذاری این پست


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط amir2qi
      با سلام
      دوستان من میخواستم بعد از عوض کردن زبان در سایت فونت سایت هم عوض بشه . مثلا زبان فارسی با فونت ایران سنس و انگلیسی با یه فونت دیگه باشه  در ضمن از افزونه  wpml  استفاده کردم . توضیح دیگه اینکه سایت فروشگاهی هست و امکان بردن زبان دوم به زیردامنه نیست.
      خیلی فوری احتیاج به کمک دارم .ممنون
    • توسط sndroid
      سلام
      من یه سایت دو زبانه فارسی و انگلیسی دارم که میخوام برای هر زبان یک فونت خاص داشته باشم برای همین اومدم برای فونت فارسی در پوشه فونت؛ فونت وزیر را اضافه کردم و کدهای مربوط به فونت را در فایل style.css ریختم که کدش رو در زیر گذاشتم و برای تغییر فونت در هر زبان هم کد زیر رو به additional css قالبم اضافه کردم.
      اما مشکل اینجاست فونت فارسی در فایرفکس و اینترنت اکسپلور عوض میشه ولی داخل کروم عوض نمیشه؟ لطفاً راهنمایی کنید که مشکلم از کجاست. لطفاً کامل توضیح بدید چون من تازه کارم و خیلی وارد نیستم با تشکر.
      این کد رو آخر فایل htaccess گذاشتم
      # BEGIN REQUIRED FOR WEBFONTS AddType font/ttf .ttf AddType font/eot .eot AddType font/otf .otf AddType font/woff .woff <FilesMatch "\.(ttf|otf|eot|woff)$"> <IfModule mod_headers.c> Header set Access-Control-Allow-Origin "*" </IfModule> </FilesMatch> # END REQUIRED FOR WEBFONTS این کد رو در style گذاشتم:
      @font-face { font-family: 'Vazir'; src: url('fonts/Vazir.eot'); src: url('fonts/Vazir.eot?#iefix') format('embedded-opentype'), url('fonts/Vazir.woff2') format('woff2'), url('fonts/Vazir.woff') format('woff'), url('fonts/Vazir.ttf') format('truetype'); font-weight: normal; } این کد رو هم به قسمت به add css قالب
      .module.right:lang(en), .module-group.right:lang(en) { float:right; font-family: Open Sans !important; letter-spacing: 0px !important; } .module.right:lang(fa), .module-group.right:lang(fa) { float:right; font-family: Vazir !important; letter-spacing: 0px !important; } div:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } div:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight:lighter ; line-height:25px; margin-bottom:10px; } input:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; direction:ltr; } input:lang(fa-IR) { font-family: Vazir !important; letter-spacing: 0px !important; direction:rtl; } .nav-container:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } .nav-container:lang(fa-IR) { font-family: Vazir !important; letter-spacing: 0px !important; } p:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } p:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight:lighter ; line-height:40px; margin-bottom:20px; } .grve-testimonial-content:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } .grve-testimonial-content:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } a:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } a:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } h3:lang(en),h2:lang(en),h1:lang(en),h4:lang(en),h5:lang(en),h6:lang(en),h7:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } h3:lang(fa), h2:lang(fa),h1:lang(fa), h4:lang(fa),h5:lang(fa), h6:lang(fa),h7:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; } h1:lang(en), .grve-h1:lang(en), #grve-theme-wrapper:lang(en) .grve-modal:lang(en) .grve-search:lang(en) input[type='text']:lang(en), .grve-dropcap:lang(en) span:lang(en), p.grve-dropcap:lang(en):first-letter { font-family: Open Sans !important; letter-spacing: 0px !important; } h1:lang(fa), .grve-h1:lang(fa), #grve-theme-wrapper:lang(fa) .grve-modal:lang(fa) .grve-search:lang(fa) input[type='text']:lang(fa), .grve-dropcap:lang(fa) span:lang(fa), p.grve-dropcap:lang(fa):first-letter { font-family: Vazir !important; letter-spacing: 0px !important; } .showcase-single :lang(en) .zoom-line:lang(en) .zoom-line-caption-inner:lang(en) .zoom-line-title-inner:lang(en) { letter-spacing: 0px !important; } .showcase-single :lang(fa) .zoom-line:lang(fa) .zoom-line-caption-inner:lang(fa) .zoom-line-title-inner:lang(fa) { letter-spacing: 0px !important; } body:lang(en) { letter-spacing: 0px !important; } body:lang(fa) { letter-spacing: 0px !important; } span:lang(en) { font-family: Open Sans !important; letter-spacing: 0px !important; } span:lang(fa) { font-family: Vazir !important; letter-spacing: 0px !important; font-weight: bold ; }  
    • توسط miraziz
      سلام. دوستان در ویرایشگر جدید وردپرس، گوتنبرگ، اگر حالت code editor را انتخاب کنید می بینید که برای متن های فارسی فونت را به صورت پیش فرض در نظر گرفته‌اند که نامناسب است. کسی می‌داند چگونه می‌توان آن فونت را تغییر داد؟
      یکی هم در همین محیط ویرایشگر گوتنبرگی بسیاری از گزینه‌ها در وردپرس 5.3 ترجمه نشده‌اند! آیا اطلاع دارید که در آپدیت بعدی ترجمه خواهند شد؟
    • توسط saeed313
      سلام
      من دوتا دامنه روی سایتم هست وقتی با دامنه اول سایت را باز میکنم فونت دلخواه خودم هست ولی وقتی با دامنه دوم وارد میشم فونت تغییر میکنه
      علتش چیه؟باید چکار کنم تا با دامنه دوم،همون فونت دامنه اول نمایش بده؟
    • توسط MoReNu
      با سلام
      بنده قالب IMNews رو در این جا نصب کردم skypia.ir
      ممنون می شم راهنماییم کنید که فونت تاهومای متون داخل پست رو چطوری به فونت عنوان که فکر کنم یکان هست و به اندازه همان فونت تغییر بدم و سایز عنوان رو هم مقداری بیشتر کنم.
      تشکر