Helvetica Neue Web Yazı Tipi Sorunu (Helvetica Font Sorunu)

Helvetica hepimizin daha çok Apple'ın iPhone ve Mac cihazlarından aşina olduğumuz ve Steve Jobs'un en sevdiği tipi olmasıyla beraber etrafta fazlaca gördüğümüz bir yazı tipidir. Günümüzde de bir çok internet sitesi de standart olarak bu yazı tipini kullanmaktadır. Orjinali 1957 yılında, İsveçte ortaya çıkan bu yazı tipi aslen baskı amacıyla yapılmış ve daha sonraları dijital ortama aktartılmıştır.

Bu güzel yazı tipinden dolayı yaratıcıları Max Meidinger ve Eduard Hoffman'a çok teşekkür etsek de, kulaklarını biraz çınlatmadık değil... Gerçi suç onların suçu da değil.

Olay şu ki Helvetica Neue (neue, nay-a şeklinde okunur), Mac platformunda standart olarak kullanıldığı için tüm tipleri bilgisayara aktarılmıştır. Windows'da ise ufak bir sorun yaşanmaktadır...

Helvetica'nın Light, Ultra-Light, Condensed Bold gibi tipleri Windows'a aktarılmamıştır. İnternet üzerinden değişik şekillerde temin ettiğimiz bu font ise Web Rendering'e maalesef uygun değildir. Yazı tipini yapan arkadaş muhtemelen sadece Mac kullanıyor ki, Windows üzerinde fontu test etmemiş.

Mesele şu ki indirdiğimiz bu fontu sisteme yüklediğimizde gerek Photoshop, gerek diğer tasarım programları bu fontu hatasız ve başarılı bir şekilde renderlerken; Chrome, Firefox, IE bu işlemi gerçekleştirememekte ve normal bir siteye girdiğinizde bile yazılar okunmaz halde veya yanlış gözükmeye başlamaktadır. 

Elbette ki format atmak bir çözüm, ama özellikle büyük boyutlarda çok güzel gözüken bu yazı tipi, tasarım yapıyorsanız, yeniden yüklemeniz kaçınılmaz. Çözüm ise, Helvetica yazı tipini, tarayıcınız tarafından otomatikman Windows'un standardı olan Arial yazı tipine çevirmek.

Bunu yapmak ise sadece ayarları kurcalamaktan geçmiyor. Çözüm için şu adımları takip edin:

Google Chrome:
1) C:\Users\Kullanıcı Adınız\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css
2) CSS dosyasını herhangi bir metin editöründe açın. Genelde boş olur. Eğer doluysa en üst satıra şunları ekleyin:
@font-face { font-family: 'Helvetica Neue'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }

3) Kaydedip sayfayı yenileyen. Değişikliği hemen göreceksiniz.

Mozilla Firefox:

1) C:\Users\Kullanıcı Adınız\AppData\Roaming\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome yoluna gidin.

2) Bazı durumlarda chrome klasörü bulunmayabilir. Kendiniz yeni bir klasör oluşturup adını "chrome" olarak değiştirin.

3) Chrome klasörü altında userContent.css dosyasını bir metin editöründe açın.

4) Eğer bu dosya yoksa yeni bir metin belgesi açıp adını "userContent", uzantısını "css" olarak değiştirin.

5) CSS dosyasına aşağıdaki satırları ekleyin:

@font-face { font-family: 'helvetica neue'; src: local('Arial'); }

@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }

@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }

@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }

6) Değişiklikleri kaydedip Firefox'u yeniden başlatın. Firefox'un yeniden başlatmayı sevdiğini unutmayın. Değişikliği göreceksiniz.

Teknoloji için takipte kalın. Sevgiler...