با سلام
برای تغییر فونت ابتدا فایل های فونت رو برای مثال bkodak رو اپلود میکنیم در هاست که میتونید از لینک زیر کل فونت های زیبا رو با دمو دانلود کنید:
کد:
http://dl.karazmoodeh.com/files/webfont-package.zip
سپس فونت مورد نظر رو از پوشه fonts بر میداریم و یک پوشه در فولدر قالب ایجاد میکنیم به نام fonts (دقت کنید که هر سه فرمت فونت رو بردارید)
سپس فایل استایل رو باز کنید و و ابتدا فایل کد های زیر رو بزارید:
کد:
@font-face { font-family: 'BKoodakBold';
src: url('fonts/BKoodakBold.eot?#') format('eot'), /* IE6–8 */
url('fonts/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BKoodakBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
در بالا اسم فونت ها BKoodakBold می باشد که در فایل استایل ایمپورت شده اند.
و حالا در هرجای از قالب خواستید مثلا در تگ body در استاید تگ زیر قرار بدید:
کد:
font-family: 'BKoodakBold';
در نتیجه برای مثال پس ما داریم:
کد:
@font-face { font-family: 'BKoodakBold';
src: url('fonts/BKoodakBold.eot?#') format('eot'), /* IE6–8 */
url('fonts/BKoodakBold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('fonts/BKoodakBold.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}
body {
background-color:#000;
font-family: 'BKoodakBold';
}
پیروز و سربلند باشید.