Yazıtipini aşağıdaki linkten "Add Fonts" diyerek bilgisayarınızdan seçin.
http://www.fontsquirrel.com/fontface/generator
Daha sonra yüklenince, EXPERT şıkkını seçip, Turkish seçeneğini işaretleyin (tr karakterler için) lisans koşullarını işaretleyip "Download Kit" diyerek bir dosya indireceksiniz. Bu dosyanın içindeki:
- Font-Adı.eot
- Font-Adı.ttf
- Font-Adı.woff
- Font-Adı.svg
dosyalarını wp-content/themes/temanızın adı/
yukarıdaki dizine atın.
Daha sonra, indirdiğiniz dosyanın içindeki stylesheet.css dosyasını açın ve içindekileri kopyalayın, temanızın style.css dosyasının en altına yapıştırın.
Daha sonra, yapıştırdığınız kodun ilk satıda yazan yazıtipini, değiştirmek istediğiniz yere yapıştırın.
Örnek:
@font-face {
font-family: '[COLOR=DarkOrchid]yazıtipinin[/COLOR][COLOR=DarkOrchid]adi[/COLOR]';
src: url('[COLOR=Black]yazıtipinin[/COLOR][COLOR=Black]ad[/COLOR]i-webfont.eot');
src: url('[COLOR=Black]yazıtipinin[/COLOR][COLOR=Black]adi[/COLOR]-webfont.eot?iefix') format('eot'),
url('[COLOR=Black]yazıtipinin[/COLOR][COLOR=Black]adi[/COLOR]-webfont.woff') format('woff'),
url('[COLOR=Black]yazıtipinin[/COLOR][COLOR=Black]adi[/COLOR]-webfont.ttf') format('truetype'),
url('[COLOR=Black]yazıtipinin[/COLOR][COLOR=Black]adi[/COLOR]-webfont.svg#webfont0FGlJYAM') format('svg');
font-weight: normal;
font-style: normal;
}
Direk istediğiniz css'ye (örneğin bir başlığa) aşağıdaki şekilde fontunuzun ismini tanıtmalısınız:
.baslik {
font-family: '[COLOR=DarkOrchid]yazıtipinin[/COLOR][COLOR=DarkOrchid]adi[/COLOR]';
}