OTF Uzantısını Siteye Webfont Olarak Ekleme

Rufiq Cavadov

Kilopat
Katılım
12 Eylül 2013
Mesajlar
1.590
Çözümler
1
Beğeniler
180
Merhabalar. Web sitemizde font sıkıntısı var. Azerice bazı harfler gözükmüyor. Sitemiz için bir font sitesi buldum. Sitedeki tüm fontlar Azerice harfleri destekliyor. Ama OTF uzantılı bir dosya türünde. Bunu siteme Webfont olarak nasıl ekleyip kullanabilirim ?
 
M

Marigold

Ziyaretçi
Tek başına OTF her tarayıcıya uyum sağlamayacaktır. Mümkün olan en sağlıklı yapı aşağıdaki gibidir.
CSS:
@font-face{
    font-family:'Font Name';
    src:url('WebFont.ttf') format('Truetype'),
        url('WebFont.svg') format('SVG'),
        url('WebFont.eot') format('Embedded-OpenType'),
        url('WebFont.woff') format('Woff');
}
HTML:
<span style="font-family:'Font Name'">Web Font</span>
 

Eldar

Hectopat
Katılım
15 Aralık 2014
Mesajlar
163
Çözümler
1
Beğeniler
92
Öncelikle kullanmak istediğiniz fontu webfont olarak convert etmeniz gerekmektedir. Internette birçok çevirici bulunmaktadır ama çoğunda Türkçe karakter sorunu yaşadığımdan dolayı en sevdiğim Online @font-face generator

Çevirdiğiniz fontların arasında style.css tarzında bir dosyada olacaktır ve onu siteye eklemeniz veya içindeki font-face kodlarını kendi CSS dosyanıza entegre etmeniz olayı çözecektir.

Not: Internet ortamında kullanacağınız fontların lisansla korunduğunu unutmayınız.
 
Son düzenleyen: Moderatör:
Çözüm



Yukarı