İnternet Tarayıcısı CSS>font-face Sorunu

Arkadaşlar sitemde bulunan fontları değiştirdim ve font-face ile farklı fontlar kullanmak istedim ama bazı tarayıcılarda fontlar gözükmüyor. Birde şöyle birşey var benim Chrome tarayıcımda fontu görüyorken arkadaşımın Chrome tarayıcısında fontları görmüyor. İkimizinde Chrome sürümü aynı. Aşağıdaki resimlerde zaten açıkça belli oluyor ikiside Chrome ve aynı sürümden görüntüler.

Bu sorunu nasıl giderebilirim arkadaşlar lütfen yardımcı olur musunuz

Hocam Font tarayıcıdan tarayıcıya değil bilgisayardan bilgisayara olan bişeydir senin bilgisayarında olan font onun bilgisayarında yoksa eğer bunun olması çok normal.

Ancak bir ayar vardı google a kendi fontlarını kullandırtıyordun. Sanırım arkadaşa o yöntem lazım...

Kullandığınız fontu şu tool ile convert ettirin.Nasıl kullanacağınıza dair örnek kod parçası verecektir. Sizin bilgisayarınızda olan font başkasının bilgisayarında olmayabilir Oğuz arkadaşımızın dediği gibi fontlar tarayıcılara göre değil işletim sistemi içerisinde ki font yapısı ile belirlenir.

Daha geniş bilgi için şu adrese göz atmanızda fayda var.

Ama hocam font-face'nin amacı o değil ki dediğiniz doğru ama eksik birşey yapıyor olmalıyım yada bir kod mu kullanılıyor tam bilemiyorum font-face ile ilgili çok fazla bilgi sahibi değilim. İlgili cevabınız için çok teşekkür ederim.

Aynen öyle hocam, cevabınız için teşekkür ederim.

Hocam fontları oradan değilde başka bir yerden convert ettim. Kullandığım kod aşağıda hocam;

@font-face {
	font-family: 'RobotoCondensed-Regular';
	src: url('RobotoCondensed-Regular.eot?') format('eot'),
	src: url('RobotoCondensed-Regular.eot?') format('eot?#iefix') format('eot'),	
	     url('RobotoCondensed-Regular.woff') format('woff'), 
	     url('RobotoCondensed-Regular.ttf')  format('truetype'),
	     url('RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg');
	font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'RobotoCondensed-Regular';
src: url('RobotoCondensed-Regular.svg') format('svg');

}
}

Chrome bazen font-face ile dahil edilen fontları render ederken problem çıkarıyor. Svgnin yükleme sırasını değiştirip üst satıra alınca sorun çözülüyordu denemedim ama daha önce işe yaramıştı.

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('RobotoCondensed-Regular.eot');
    src: url('RobotoCondensed-Regular.svg#RobotoCondensed-Regular') format('svg'),
         url('RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
         url('RobotoCondensed-Regular.woff') format('woff'),
         url('RobotoCondensed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Roboto condensed google web fonts üzerinde bulunmakta font-face'i kendi makineniz üzerinden yüklemek yerine google web fonts üzerinden kullanmanız aslında daha sağlıklı olacaktır.

Hocam bu şekilde de denedim maalesef olmadı.

Google üzerinde görmemiştim görmüş olsaydım o şekilde kullanırdım evet. Ama roboto dışında kullandığım 2 font daha var. O fontlarıda bulabilirsem google üzerinde kullanacağım hocam kullandığım diğer 2 font bunlar;

Antonio Regular
MyriadPro Regular

@font-face {
    font-family: 'RobotoCondensed-Regular';
    src: url('RobotoCondensed-Regular.eot');
    src: url('RobotoCondensed-Regular.eot') format('embedded-opentype'),
    url('RobotoCondensed-Regular.svg') format('svg');
}

Birde bu şekilde dener misin ? Ek olarak verdiğim adresi kullanarak convert ettirerek kullan bakalım birde.