ببین دوست عزیز
یه کم سخت هست که بهت توضیح بدم.
اولین کاری میکنید
یه فولدر بنام Fonts درست کن داخل Css قراربده
---
دوم
یه سری فایلها فونت رو برای وبسایت تعریف شده توی داخل فولدر فونت قرارمیدهید.
---
سوم
توی css اصلی
یعنی مثلا template.css
آخرین مطلب رو یه کد برای فونت تعریف میکنید.
/**=============================== fonts =====================================**/ @font-face {font-family: 'BYekan';src: url('../fonts/BYekan/BYekan.eot');src: url('../fonts/BYekan/BYekan.eot') format('eot'),url('../fonts/BYekan/BYekan.woff') format('woff'),url('../fonts/BYekan/BYekan.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'Yekan';src: url('../fonts/Yekan/Yekan.eot');src: url('../fonts/Yekan/Yekan.eot') format('eot'),url('../fonts/Yekan/Yekan.woff') format('woff'),url('../fonts/Yekan/Yekan.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'BKoodakBold';src: url('../fonts/BKoodakBold/BKoodakBold.eot');src: url('../fonts/BKoodakBold/BKoodakBold') format('eot'),url('../fonts/BKoodakBold/BKoodakBold.woff') format('woff'),url('../fonts/BKoodakBold/BKoodakBold.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'Mj_Casablanca';src: url('../fonts/Mj_Casablanca/Mj_Casablanca.eot');src: url('../fonts/Mj_Casablanca/Mj_Casablanca.eot') format('eot'),url('../fonts/Mj_Casablanca/Mj_Casablanca.woff') format('woff'),url('../fonts/Mj_Casablanca/Mj_Casablanca.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'BBCNassim';src: url('../fonts/BBCNassim/BBCNassim-webfont.eot');src: url('../fonts/BBCNassim/BBCNassim-webfont.otf') format('opentype');src: local('☺'),local('BBCNassim'),url('../fonts/BBCNassim/BBCNassim-webfont.woff') format('woff'),url('../fonts/BBCNassim/BBCNassim-webfont.ttf') format('truetype'),url('../fonts/BBCNassim/BBCNassim-webfont.svg') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family: 'SEgoeui';src: url('../fonts/SEgoeui/SEgoeui-webfont.eot') format('eot'),url('../fonts/SEgoeui/SEgoeui-webfont.woff') format('woff'),url('../fonts/SEgoeui/SEgoeui-webfont.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'BMitra';src: url('../fonts/BMitra/BMitra.eot');src: url('../fonts/BMitra/BMitra') format('eot'),url('../fonts/BMitra/BMitra.woff') format('woff'),url('../fonts/BMitra/BMitra.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'naskh';src: url('../fonts/naskh/naskh.eot');src: url('../fonts/naskh/naskh.eot') format('eot'),url('../fonts/naskh/naskh.woff') format('woff'),url('../fonts/naskh/naskh.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'yekan-joom';src: url('../fonts/yekan-joom/yekan-joom.eot');src: url('../fonts/yekan-joom/yekan-joom.eot') format('eot'),url('../fonts/yekan-joom/yekan-joom.woff') format('woff'),url('../fonts/yekan-joom/yekan-joom.ttf') format('truetype');font-weight: normal;font-style: normal;} @font-face {font-family: 'dinar';src: url('../fonts/dinarm.eot?#'),url('../fonts/dinarm.otf') format('opentype'),local('?'),local('Mj_Dinar Two Medium'),url('../fonts/dinarm.woff') format('woff'),url('../fonts/dinarm.ttf') format('truetype'),url('../fonts/dinarm.svg') format('svg');font-weight: normal;font-style: normal; } @font-face { font-family: 'MitraBold'; src: url('../fonts/Mitrabold/MitraBold.eot'); src: url('../fonts/Mitrabold/MitraBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Mitrabold/MitraBold.woff') format('woff'), url('../fonts/Mitrabold/MitraBold.ttf') format('truetype'), url('../fonts/Mitrabold/MitraBold.svg#MitraBold') format('svg'); font-weight: bold; font-style: normal; unicode-range: U+0600–06FF; } }
بزار یه نمونه فایل فشرده توی اینجا بزارم.
http://shootfile.ir/7sv
موفق باشید
پسندیدم رو فراموش نکنید.