Jump to content

  •         

Photo

عوض کردن فونت متن


#1 l3ibak

l3ibak

    عضو جدید

  • عضو سایت
  • Pip
  • 10 posts
  • محل سکونت: tehran
  • مهارت ها: CSS, js, PHP

1394/12/18 ساعت 15:15

با سلام

 

من میخواستم نوع فونت متن صفحه رو عوض کنم ( content ) چه کدی را باید تغییر بدم ؟

 

و اگه فونت مورد نظر در سایت نباشه به کدام فولدر برم و فونت رو آ‍پلود کنم ؟

 

لطفا راهنماییم کنید 


  • 0

#2 Eh3an

Eh3an

    مدیر بخش ماژول ها

  • مدیر
  • 1,742 posts
  • محل سکونت: ایران - اردبیل
  • مهارت ها: HTML, CSS, js, SQL, PHP, SEO

1394/12/18 ساعت 16:08

با سلام

 

من میخواستم نوع فونت متن صفحه رو عوض کنم ( content ) چه کدی را باید تغییر بدم ؟

 

و اگه فونت مورد نظر در سایت نباشه به کدام فولدر برم و فونت رو آ‍پلود کنم ؟

 

لطفا راهنماییم کنید 

سلام

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

@font-face {
    font-family: 'yekan’;
    src:url('fonts/dle.eot?#’) format(‘eot’),    
          url('fonts/dle.woff') format('woff'),
          url(‘fonts/dle.ttf’) format(‘truetype’); 
}

حال داخل جایی که css قرار داره یه پوشه به اسم fonts ایجاد میکنیم و محتویات اون رو از قالب News که پیشفرض دیتالایف هست استفاده میکنیم

حال در همون فایل css به دنبال استایل content ودتون بگردید و کد زیر رو براش تعریف کنید :

font-family: 'yekan', Tahoma;

موفق باشید


  • 2

#3 l3ibak

l3ibak

    عضو جدید

  • عضو سایت
  • Pip
  • 10 posts
  • محل سکونت: tehran
  • مهارت ها: CSS, js, PHP

1394/12/18 ساعت 16:28

خیلی ممنون از راهنماییتون

 

من فونت iran رو انتخاب کردم و در فایل قالب پوشه فونت ریختم که پسوند اون ttf هستش

@font-face {
    font-family: 'iran';
    
    src: local('../fonts/iran'), url('../fonts/iran.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

به نظرتون این کد درسته ؟ یا باید چیز دیگه ای بهش اضافه بکنم ؟

 

و در قسمت style.css فایل قالب هرچی به دنبال content گشتم فقط یک 

.pm_status_content {
	padding: 5px;
}

بود 


  • 0

#4 mohandesan

mohandesan

    عضو جدید

  • عضو سایت
  • Pip
  • 15 posts

1394/12/18 ساعت 17:32

فونتت باید به فرمت های مختلف که در کد نمونه گذاشتن براتون تبدیل بشه

به این سایت برو و فونتتو تبدیل کن https://www.web-font-generator.com/

بعد فایل هایی که میگیری رو در پوشه font  در هاستت اپلود کن

در انتها کدهای مربوطه رو به اول فایل css اضافه کن


  • 0

#5 M_Jashnani

M_Jashnani

    مدیر بخش قالب ها

  • مدیر
  • 1,509 posts
  • محل سکونت: رشت
  • مهارت ها: HTML, CSS

1394/12/18 ساعت 17:32

خیلی ممنون از راهنماییتون

 

من فونت iran رو انتخاب کردم و در فایل قالب پوشه فونت ریختم که پسوند اون ttf هستش

@font-face {
    font-family: 'iran';
    
    src: local('../fonts/iran'), url('../fonts/iran.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

به نظرتون این کد درسته ؟ یا باید چیز دیگه ای بهش اضافه بکنم ؟

 

کد درسته فقط باید حواستون باشه که با توجه به کد شما ، پوشه فونت باید همراستای پوشه استایل قالبتون قرار بگیره

 

 

و در قسمت style.css فایل قالب هرچی به دنبال content گشتم فقط یک 

.pm_status_content {
	padding: 5px;
}

بود 

 

شما ببینید که تگ {content} داخل کدوم div قرار گرفته و کلاس مربوط به اون رو ویرایش کنید

 

بطور مثال :

<div class="CONTENT-STYLE">{content}</div>

تو کد بالا شما باید دنبال CONTENT-STYLE توی فایل استایل قالبتون بگردید و اون رو ویرایش کنید

 

فونتت باید به فرمت های مختلف که در کد نمونه گذاشتن براتون تبدیل بشه

به این سایت برو و فونتتو تبدیل کن https://www.web-font-generator.com/

بعد فایل هایی که میگیری رو در پوشه font  در هاستت اپلود کن

در انتها کدهای مربوطه رو به اول فایل css اضافه کن

 

این کار رو هم انجام بدید برای پشتیبانی سایر مرورگرها از فونت شما و نمایش صحیح اون


  • 1

#6 l3ibak

l3ibak

    عضو جدید

  • عضو سایت
  • Pip
  • 10 posts
  • محل سکونت: tehran
  • مهارت ها: CSS, js, PHP

1394/12/18 ساعت 18:18

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


  • 0

#7 Eh3an

Eh3an

    مدیر بخش ماژول ها

  • مدیر
  • 1,742 posts
  • محل سکونت: ایران - اردبیل
  • مهارت ها: HTML, CSS, js, SQL, PHP, SEO

1394/12/18 ساعت 19:16

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

بخاطر عدم تعریف صحیح فونتهاست

eot برای internet explorer و woff برای مرورگرهای جدید هست.


  • 2


0 members, 1 guests, 0 anonymous users