San Francisco yazı tipi neye benziyor? Apple'ın yeni San Francisco yazı tipinin ardındaki sır

San Francisco, Apple'ın ilk kez 2014'ün sonunda izleyicisine tanıttığı bir yazı tipidir. Bu zamana kadar şirket, Apple'a göre küçük metnin zayıf okunabilirliği nedeniyle zayıf yönleri olan " " yazı tipini kullanıyordu.

Artık Apple ürünlerinin tamamı, bu makalenin altında ücretsiz olarak indirebileceğiniz kendi "San Francisco" yazı tipine güvenle dayanıyor. “San Francisco” ailesi iki alt aileye ayrılıyor; bunlar “Metin” ve “Görüntülü”. Aradaki fark, ilk seçenekte daha büyük harfler arası mesafedir. Bu özellik, alt aileye küçük yazı tipi boyutunun daha iyi okunabilirliğini sağlar ve şirketin iWatch gibi küçük cihazlarında kullanılan da bu türdür.

Kiril alfabesi (Rus dili) ve İngilizce desteği şüphesiz mevcuttur.

Ücretsiz yazı tipini indirin "San Francisco"

Yazının sonunda indirebileceğiniz arşiv, üç farklı formatta 21 stil (her alt ailenin neredeyse yarısı) içeriyor.

Alt aile " Metin" - Bu: Gözü pek, Kalın İtalik, Ağır, Ağır İtalik, İtalik, Işık, Açık İtalik, Orta, Orta İtalik, Düzenli, Yarı kalın Ve Yarı Kalın İtalik.

Buna karşılık, alt aile " Görüntülemek" - bunlar stiller: Siyah, Gözü pek, Ağır, Işık, Orta, Düzenli, Yarı kalın, İnce Ve Ultra hafif.

lütfen aklınızda bulundurun yazı tipinin Apple tarafından lisanslandığını, yani Apple ürünleri için yazılım geliştirirken ve benzer ürünlerin ekran görüntülerinde bu yazı tipini kullanma hakkına sahip olduğunuz anlamına gelir.

Bunu unutmayın ve yaratıcı çabalarınızda iyi şanslar!

Apple, OS X işletim sisteminin yeni bir sürümünü (10.11) tanıtmaya hazırlanıyor. Yeni bir sistem yazı tipinin kullanılması özellikle dikkat çekicidir. Resmi sunumu beklemeyelim, hemen deneyelim.

Haber şu ki OS X 10.11(ve onunla birlikte iOS 9'un mobil sürümü), kullanıcıları biraz eğlendiren ve Mac platformu için yazılım geliştiricilerini tamamen cesaretlendiren yeni bir sistem yazı tipi alacak. Gerçekten de Apple tamamen yazı tipine geçerse "San Francisco" geliştiriciler, uygulamalarının arayüzünü işaretleme konusunda sıkıcı bir süreçle karşı karşıyadır. Görünüşe göre "sabitlik politikası" "gereksiz gelişmeler" politikasına dönüştü ve iki seçenek var: ya sen ve ben şüpheciyiz ya da Apple gerçekten kullanıcının istediği şey üzerinde çalışmıyor.

Elma ve yazı tipleri

Şirketin yazı tiplerine olan sevgisi kuruluş yıllarına kadar uzanıyor. Ve Steve Jobs logoyu geliştirirken kaligrafiye olan tutkusunu gösterdi. Daha sonra yazı tipinde Apple Computer markasının gururlu adı yazıldı Motter Tektura 1975 yılında Avusturyalı bir tasarımcı tarafından geliştirildi. Othmar Motter.

Motter Tektura'nın tercih edilmesi yenilikçiliği ve "teknolojik görünümü" nedeniyle oldu. 1984 yılında Macintosh bilgisayarı pazara girdi ve böylesine önemli bir olay tamamen yeni (şirket içi) bir yazı tipinin kullanılmasıyla karşılandı. Elmalı Garamond. Orijinal ITC Garamond 1977 yılında Tony Stan tarafından yaratıldı. Özelliği yüksek derecede yoğunluktu (geleneksel yazı tipleriyle karşılaştırıldığında yaklaşık %60-70).

Bu tam olarak Apple'ın sevdiği şeydi. Şirketin ünlü sloganı “Farklı düşün” - “Farklı düşün” Bir dizi Apple reklam broşürü gibi, Apple Garamond yazı tipi kullanılarak hazırlandı. Çıkışa kadar Mac OS X 10.3 Apple Garamond, tasarımcı yazı tipi paketinin parçası olarak ayrı olarak sağlandı.

2002 yılında şirket manzarayı değiştirmeye karar verdi ve aileyi seçti. Adobe Sayısız. İki tasarımcı aynı anda üzerinde çalıştı - Robert Slimbach Ve Carol Twombly Adobe tarafından görevlendirildi.

Aşağıdaki gibi ürünlerin piyasaya sürülmesiyle birlikte gelen tüm metin bilgileri: iPod Photo, iPod 5. nesil, iPod Nano (1.-2. nesil), yazı tipinde kendi değişikliklerimizi kullanarak tasarlandı Sayısız – Podyum Sans(“M” ve “Y” harflerinin karakteristik yazımı ile).

Daha sonra OS X olarak adlandırılan Mac OS X işletim sisteminin tüm yinelemeleri (1999'dan 2014'e kadar) geliştiricilerden aynı sistem yazı tipini aldı - Lucida Grande. Yıldönümü OS X 10.10 Yosemite'nin piyasaya sürülmesiyle birlikte şirket, kullanıcılara yeni bir yazı tipi vermeye karar verdi. Helvetica Neue bir haşhaş yetiştiricisinin hayatına güvenle girdi. Bir takım benzerliğe rağmen, Apple tasarımcılarına göre Helvetica Neue, yatay bir çizgide dağıtımda daha ekonomiktir.

Helvetica Neue yazı tipi, bilgisayar çağının ilk günlerinde İsviçreli bir tipograf tarafından geliştirildi. Max Miedinger 1957'de Basel'de (İsviçre). Yazı tipinin orijinal adı Neau Haas Grotesk antik matbaa fabrikasının onuruna Haas'sche Schriftgiesserei. 1960 yılında olağan olarak yeniden adlandırıldı Helvetika kelimenin tam anlamıyla "İsviçre" anlamına gelir. Apple, yazı tipini OS X Yosemite'deki sistem yazı tipinin temeli olarak seçti Helvetica Neue 1983'ün başlarında geliştirildi.

Ancak kullanıcıların gözleri bir yıl içinde "yeni İsviçre" ye alışmaya vakit bulamadan, tasarımcılar bizi yeni harf tarzıyla tanıştırıyor. Yakın zamanda tanıtılan yeni Apple Watch, aileden bir yazı tipi kullanıyor San Francisco. Sana tanıdık geliyor mu? Haklısın. Yeni 12 inç MacBook'un düzeninde gösteriş yapan San Francisco'dur.

Şirketin yeni bir yazı tipine bu zorunlu geçişindeki sorun, yalnızca şirketin farklı Apple cihazları türleri için oluşturulan tüm işletim sistemlerinin arayüzünü birleştirme arzusunda değil, aynı zamanda evrensel bir yazı tipi seçiminde de yatmaktadır. Sonuçta Helvetica, 50 yılı aşkın tarihi boyunca İsviçreli tasarımcıların yarattığı zarif, mükemmel ve rasyonel yazı tipi olmaktan çıktı.

Helvetica Neue'nin zayıf yönleri:

• tüm ailenin harf stilinin genişletilmesi;
• değiştirilmiş yazı tipi kalınlığı;
• harf içi boşluğu yuvarlamak için kusurlu algoritma;
• Linotype'lere (baskı ekipmanı) sürekli uyarlamalar, yazı tipinin "fazla kare" hale gelmesine neden oldu.

Tasarımcıların teknoloji yararına yaptığı zorunlu tavizler, yazı tipini bir sanat eserinden, benzer özelliklere sahip, benzer harf ve rakamlardan oluşan ruhsuz bir diziye dönüştürdü.

Sonunda Apple köklerine dönmeye ve 30 yılı aşkın bir süre önce geliştirilen ve ilk Macintosh bilgisayarlarda kullanılan San Francisco yazı tipini tercih etmeye karar verdi. Yazı tipi, en yetenekli tasarımcılardan biri olan NeXT tarafından şirket içinde özel olarak geliştirildi. Suzanne Kara. Orijinal San Francisco, bugün Apple Watch'ta kullanılandan çok farklı.

Apple'ın ilk San Francisco yazı tipi

San Francisco 2014, giyilebilir aksesuarlar için özel olarak şirket içinde geliştirilen tamamen yeni bir yazı tipi ailesidir.

Düzgün sıkıştırılmış harfler okunabilir kalır ve aynı zamanda yatay çizgide fazla yer kaplamaz. Apple, yazı tipini oluştururken tüm harflerin stillerini yeniden tasarladı ve noktalama işaretlerine çok dikkat etti.

Böylece yeni San Francisco yazı tipi, OS X ve iOS platformlarını köleleştirmeye hazırlanıyor. Bakalım nasıl görünecek?

Yazı tipini değiştirme

Öyleyse standart Helvetica Neue yazı tipini Apple'ın işletim sisteminin yeni sürümünde bizim için hazırladığı yazı tipiyle değiştirelim.

OS X Yosemite yüklendikten sonra sistem yazı tipi değişecektir:

Apple, ilk iPhone'un piyasaya sürülmesinden bu yana iOS için sistem yazı tipi olarak Helvetica yazı tipi setini kullanıyor. Ayrıca 10.10 Yosemite sürümünden itibaren Mac OS X'te Lucida Grande'nin yerini aldılar. Peki Apple neden şimdi dünyanın en sevilen yazı tipinden kurtulmaya karar verdi?

iOS 9 artık resmi olarak herkesin kullanımına sunuldu ve Helvetica Neue'nin yerini San Francisco adlı yeni bir yazı tipi ailesi aldı.

Helvetica (solda) ve San Francisco (sağda)

Bu noktada zaten Apple Watch'ta kullanılıyorlardı. Artık San Francisco tüm platform ürünleri için tek bir standart yazı tipi haline geldi: Apple Watch, iPhone, iPad ve Mac.

Apple, ilk iPhone'un piyasaya sürülmesinden bu yana Helvetica ailesini iOS için sistem yazı tipi olarak kullanıyor. Ayrıca Mac OS X'te Yosemite 10.10 sürümünden başlayarak Lucida Grande'nin yerini aldılar. Peki Apple neden şimdi dünyanın en sevilen yazı tipinden kurtulmaya karar verdi?

Küçük boyutlar Helvetica'nın zayıf noktasıdır

Erik Spiekermann'ın blogundan "Helvetica berbat".

Helvetica'nın düşük okunabilirliğini aşağıdaki şekilde doğrulayabilirsiniz. Küçük metin yazın ve bulanıklaştırın. Bazı parçaları "karışık" olacak ve böylece içeriklerinin anlaşılması zorlaşacaktır. Apple'ın San Francisco ailesini tam olarak Apple Watch'taki küçük metinleri daha okunaklı hale getirmek için geliştirdiğini söylüyorlar.

Ancak modern akıllı cihazların çözünürlüğü basılı yayınların çözünürlüğünü aşıyor ve iPhone'daki metinler her zaman Apple Watch'taki kadar küçük olmuyor. O halde Apple neden yalnızca Apple Watch'ta değil, iOS ve Mac OS X'te de değişiklik yaptı?

San Francisco - çeşitli

iOS/Mac için “SF” adı verilen bir yazı tipi ailesi kullanılırken, Apple Watch “SF Compact”ı kullanıyor. 'O' ve 'e' gibi yuvarlak harflerdeki farkı görebilirsiniz. SF Compact'ın dikey çizgileri SF'ninkinden daha düz yapılmıştır.

Bu fark, SF Compact ile yazılan metnin karakterler arasında daha fazla boşluk kalmasına neden olur ve bu da metnin Apple Watch gibi küçük cihazlarda okunduğunda daha okunaklı olmasını sağlar.

Buna ek olarak, ailelerin her biri iki alt aileye daha ayrılmıştır: “Metin” ve “Görüntü”. Apple buna “Optik Boyutlar” diyor. Metin alt ailesi küçük boyutlu metinler için tasarlanmıştır; Görüntüleme alt ailesi ise büyük boyutlu metinler içindir.

San Francisco yazı tipi ailesi

Yukarıda da bahsettiğimiz gibi Helvetica gibi sans serif (veya sans serif) yazı tiplerinde bitişik iki harf "birbirine karışır" ve 'a', 'e', ​​​​'s' gibi harfler küçük metinlerde birbirine çok benzer hale gelir boyutlar.

Görüntü ve Metin alt ailelerindeki yazı tiplerindeki karakterler arasındaki girintilerin karşılaştırılması

Tek karakter örneğini kullanarak Görüntü ve Metin alt ailelerindeki yazı tiplerinin karşılaştırılması

Ancak Metin alt ailesi, içindeki karakterler arasındaki girintilerin Görüntü alt ailesindeki karakterlerle karşılaştırıldığında artırılacağı ve küçük metin boyutlarıyla okunabilirliği artırmak için içlerindeki boşlukların genişletileceği şekilde tasarlanmıştır.

San Francisco dinamiktir

Tasarımcıların ve mühendislerin aileden doğru seçeneği seçme konusunda endişelenmelerine gerek yok. Örneğin, sistem yazı tipini UILabel'e ekliyoruz. Hangi kulaklığa ihtiyacınız olduğunu sistemin kendisi belirleyecektir.

Ancak San Francisco yazı tiplerinin asıl etkileyici yanı, iki nokta üst üste işaretlerini nasıl görüntüledikleridir. Genellikle diğer yazı tiplerinde onu alt satırın hemen üstünde görürüz, bu nedenle sayıların arasında bulunduğu durumlarda iki nokta üst üste dikey olarak ortalanmaz. Ancak San Francisco yazı tipi ailesinde bu hizalama otomatik olarak gerçekleşir.

İki nokta üst üste dikey olarak merkeze otomatik olarak hizalayın

San Francisco dijital çağdan bize geldi

Yerini aldıkları Helvetica, henüz dijital cihazların bulunmadığı 1957 yılında İsviçre'de oluşturuldu. Ancak halen birçok şirket tarafından kurumsal yazı tipi olarak kullanılmaktadır ve gelecekte de iyi bir klasik yazı tipi olarak kullanılmaya devam edeceğine şüphe yoktur.

San Francisco ise tam tersine modern bir yazı tipidir. Yazı tipi bağlama göre dinamik olarak değişiyor. Dijital çağın bir tür “yerel yazı tipi” olarak adlandırılabilir.

Helvetica (solda), San Francisco (sağda)

San Francisco yazı tipi zaten Apple Watch'ta kullanılıyor ve Apple aygıtları için standart yazı tipi haline geldi: Apple Watch, iPhone, iPad ve Mac.

Apple Watch

Apple, ilk iPhone'un piyasaya sürülmesinden bu yana Helvetica'yı iOS için sistem yazı tipi olarak kullanıyor. Ve Mac OS X'te, 10.10 Yosemite'nin piyasaya sürülmesinden bu yana yazı tipini Lucida Grande'den Helvetica'ya değiştirdiler. Apple neden dünyanın en ünlü ve sevilen yazı tipi Helvetica'yı gömmeye karar verdi?

Küçük formlarda Helvetica zayıftır

Bunu söylüyorlar Helvetica küçük yazı tipi boyutundaki metinler için uygun değildir. Mac OS X Yosemite'deki sistem fontu Helvetica olarak değiştirildiğinde birçok tasarımcı böyle bir fontun buraya hiç uygun olmadığını belirtti.

"Helvetica berbat" Erik Spiekermann

Küçük yazı tipi boyutunda metin yazdığınızda Helvetica'nın düşük okunabilirliği görünür hale gelir. Helvetica bu tür metinleri bulanıklaştırır. Bazı metinler karışıktır ve anlaşılması zordur. Pek çok kişi, Apple'ın San Francisco yazı tiplerini Apple Watch'taki küçük metinleri daha okunaklı hale getirmek için oluşturduğunu söylüyor.

Küçük boyutlu metinlerde harfler karışık

Ancak günümüzde cihaz ekranlarının çözünürlüğü basılı materyallere göre daha yüksek ve iPhone'lardaki metinler her zaman Apple Watch'taki kadar küçük değil. Apple neden yalnızca Apple Watch'ta değil, iOS ve Mac OS X'te de sistem yazı tiplerini değiştirdi?

San Francisco sadece bir yazı tipi değil

San Francisco yazı tipleri, onları oldukça okunaklı kılan birçok özelliğe sahiptir. Aslında Apple Watch ve iOS/Mac için San Francisco yazı tipleri, aralarında ufak farklar bulunan iki yazı tipidir.

iOS/Mac için "SF" adı verilen yazı tipi ailesi, Apple Watch için ise "SF Compact" kullanılır. Yuvarlak harflerdeki o, e farkını fark edebilirsiniz. SF kompakt, SF'den daha düz dikey çizgilere sahiptir.

SF ve SF Kompakt

Bu fark, SF Compact'taki metinlere harfler arasında daha geniş bir kenar boşluğu (girinti) sağlar ve bu da Apple Watch gibi küçük cihazlarda daha iyi okunabilirlik sağlar.

Ayrıca SF ve SF Compact yazı tipleri iki alt aileye ayrılır: "Metin" ve "Görüntü". Apple'ın "Optik Boyutlar" dediği şey budur. "Metin" daha küçük boyutlu metinler için, "Ekran" ise daha büyük boyutlu metinler için tasarlanmıştır.

San Francisco Ailesi

Yukarıda da bahsettiğim gibi Helvetica gibi sans-serif yazı tiplerini kullanırken bitişik iki harf “mix” ile küçük boyutlu “a”, “c”, “s” gibi harfler birbirine benzer görünüyor.

Ekran ve Metin yazı tipleri

"Metin" alt ailesi, "Görüntü" alt ailesinden daha fazla kenar boşluğuna sahiptir. Ayrıca bu metin yazı tiplerinin açıklıkları da daha geniş olduğundan küçük punto boyutları daha okunaklıdır.

San Francisco yazı tipleri dinamiktir

San Francisco'nun en güzel yanlarından biri yazı tiplerini dinamik olarak nasıl optimize ettiğidir. Sistem, metin boyutuna bağlı olarak Ekran/Metin yazı tipini otomatik olarak değiştirir. Eşik değeri 20pt'dir.

Tasarımcıların ve uzmanların artık hangi yazı tipini seçecekleri konusunda kafa yormasına gerek yok. Örneğin, sistem yazı tipini UILabel'e eklemeniz yeterlidir; cihaz sizin için uygun stili seçecektir.

San Francisco yazı tiplerinde beni etkileyen şey iki nokta üst üste işaretlerinin görüntülenme şeklidir. Temel olarak, iki nokta üst üste doğrudan yazı tipi çizgisinin üzerine yerleştirilir, bu nedenle sayıların arasında göründüğünde dikey olarak ortalanmaz. San Francisco yazı tiplerinde ise iki nokta üst üste otomatik olarak hizalanır.

Dikey olarak ortalanmış kolon

San Francisco - Dijital Çağ Yazı Tipi

Gördüğünüz gibi San Francisco yazı tipleri, her boyutta ve her cihazda kolayca okunabilecek şekilde özenle tasarlandı.

Yerini San Francisco yazı tiplerine bırakan Helvetica, henüz dijital cihazların bulunmadığı 1957 yılında İsviçre'de oluşturuldu. Helvetica kurumsal font olarak şu anda bile birçok firma tarafından yaygın olarak kullanılmaktadır ve kaliteli bir klasik font olarak gelecekte de kullanılmaya devam edeceğine şüphe yoktur.

Öte yandan San Francisco modern bir yazı tipidir. Stilleri bağlama göre dinamik olarak değiştirir. Bu, sanki yaklaşan dijital çağ için özel olarak yaratılmış gibi, "yerel" bir yazı tipine benzer bir şey.

Şimdi, belki de ilk Macintosh'tan bu yana ilk kez, arayüz için sistem yazı tiplerini kullanmakla ilgilenmek mantıklı geliyor. Web tipografisine eğlenceli ve yeni bir alternatiftirler ve sizin sunucunuzda veya üçüncü tarafların sunucularında barındırılmalarını gerektirmezler. Bir web sitesinde sistem yazı tiplerini nasıl kullanabilirim ve burada ne gibi sorunlar ortaya çıkabilir?

Son yıllarda arayüz için birçok ilginç sistem yazı tipi ortaya çıktı. Google yayınlandı Roboto(ve bu yazı tipini düzenli güncellemelerle geliştirmeye devam ediyor), Apple San Francisco'yu piyasaya sürdü ve tasarımcı Eric Spiekerman, Mozilla için Fira Sans yazı tipini yarattı. Ve hepsi bu değil, Microsoft'u unutmayın. Bu trendi, genel olarak tipografiye ve özel olarak Segoe yazı tipine güçlü bir şekilde bağlı olan Metro tasarım diliyle Windows Phone'u piyasaya sürerek başlattılar.

Bu yazı tiplerini web'de kullanma fikrinin popülerlik kazanması şaşırtıcı değil. Belki içerik ile kullanıcı arayüzü arasındaki farkı vurgulamak istiyorsunuz, belki sitenizin bir uygulama gibi görünmesini istiyorsunuz ya da sadece güzel yazı tiplerini hiçbir gecikme olmadan kullanmak istiyorsunuz.

Ancak bunların kullanımı istediğimiz kadar kolay değil. Bu yazı tiplerinin CSS desteği biraz saykodeliktir.

Not: "Sistem arayüzü yazı tipi", işletim sistemi arayüzünü oluşturmak için kullanılan bir yazı tipidir; sistem yazı tipleriyle, yani kullanıcının sisteminde yüklü olan yazı tipleriyle karıştırılmamalıdır.

İki yaklaşım

Tipografide sistem arayüzü yazı tipini kullanmanın şu anda iki yolu vardır.

İlk yol

Kısa bir "sihirli" CSS bildiriminin kullanılmasından oluşur:

Yazı tipi: menü;

İkinci yol

İkinci yol ise tüm yazı tiplerinin adlarını listelemektir:

Ayrıca dezavantajları da vardır:

Diğer seçenekler

Daha iyi sonuçlar elde etmek için yukarıdaki yaklaşımların her ikisini de birleştirmeyi ilginç bulabilirsiniz. Ne yazık ki bu kolay değil çünkü yazı tipi ve yazı tipi ailesi özellikleri birbirini dışlıyor; biri her zaman diğerinin üzerine yazıyor. Medya sorgularını manipüle ederek bir şeyler başarmak mümkündür, ancak bu yöntem bir hack'tir.

Kullanıcı aracısına bağlı olarak sunucudan farklı CSS değerleri göndermeyi veya aynısını JavaScript ile yapmayı da deneyebilirsiniz (örneğin, yalnızca font-family gönderme: "Fira Sans", sans-serif; Firefox OS için). Ancak bu seçenek hantaldır, desteklenmesi zordur ve en önemlisi tüm sorunları çözmez.

Şimdi ne yapmalı?

Medium şu anda ikinci yöntemi kullanıyor:

Yazı tipi ailesi: -apple sistemi, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ;

Daha az önemli soruna sahip olduğu için seçildi. (Birinci yöntem mobil cihazlarda çalışmaz, tamamen kabul edilemez sonuçlar doğurur; ikinci yöntemde de sorunlar vardır, ancak bunların sayısı daha azdır ve o kadar da kritik değildir. Bu yöntemlere ilişkin değerlendirmeniz farklı olabilir).

Bu tekniği ortak çabalarla geliştirebiliriz. Aşağıda sisteminizin arayüz yazı tipinde görüntülenmesi gereken metni içeren bir blok bulunmaktadır. İşe yaramazsa veya bu konuda herhangi bir fikriniz varsa, lütfen yorum bırakın.

Bu, sisteminizin kullanıcı arayüzü yazı tipinde oluşturulmalıdır. Hızlı kahverengi tilki tembel köpeğin üzerinden atlıyor. Bu metin sistem arayüzü yazı tipinde görüntülenmelidir.

Yazı tipi listesine ayrıntılı genel bakış

Şu anda bu yöntemin aşağıdaki sorunları vardır:

• En azından Aralık 2015'e kadar Mac OS X'teki Firefox, San Francisco yerine Neue Helvetica'yı kullanacak.
• Ayrıca Mac OS X'te, Yosemite'den önceki sürümlerde Lucida Grande yerine Neue Helvetica görüntüleniyor.
• Daha az popüler olan işletim sistemlerinde ve daha karmaşık yapılandırmalarda doğru yazı tipini seçmek daha da zordur.

Ayrıntılarla ilgileniyorsanız, bu listenin doğru çalışması için nasıl görünmesi gerektiğine bakalım:

Yazı tipi ailesi: -apple sistemi, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ;

İlk grup, sistem arayüzü yazı tiplerine başvuran özellikleri içerir. Oldukça güvenilirdirler ve tarayıcının onları başkalarıyla karıştırma şansı yoktur:

• -apple-system, Mac OS X ve iOS'ta Safari'de ve Mac OS X, Neue Helvetica ve Lucida Grande'nin eski sürümlerinde San Francisco'yu kapsar. Bu değer, yazı tipi boyutuna bağlı olarak San Francisco Metni ve San Francisco Görüntüsü arasında otomatik olarak seçim yapar.
• BlinkMacSystemFont önceki değerin eşdeğeridir ve Mac OS X'teki Chrome'da çalışır.

Aşağıdaki grup iyi bilinen sistem arayüzü yazı tiplerini vurgulamaktadır:

• Segoe UI, Windows ve Windows Phone'u kapsar.
• Roboto, Android ve yeni Chrome OS'dir. Roboto'nun Segoe UI'nin yerini almaması için, Windows üzerinde çalışan ve Roboto yüklü Android geliştiricilerine uyum sağlayacak şekilde Segoe UI'den sonra konumlandırılmıştır.
• Oksijen bir KDE yazı tipidir, Ubuntu elbette Ubuntu'dur ve Cantarell GNOME'dur. Linux için aynı anda üç yazı tipi, ancak dağıtım kitlerinin bolluğu göz önüne alındığında, sorunu çözmüyorlar.
• Fira Sans yazı tipi Firefox işletim sistemi.
• Droid Sans - Android'in eski sürümleri.
• San Francisco yazı tipi adını belirtmediğimizi unutmayın. iOS ve Mac OS X'te San Francisco genel bir yazı tipi yerine "gizli bir yazı tipi" olarak görünür.
• Ayrıca, Mac OS X'te San Francisco'nun dahili PostScript adı olan .SFNSText-Regular'ı kullanarak San Francisco'yu belirtmiyoruz. Yalnızca Chrome'da çalışır ve BlinkMacSystemFont'tan daha az esnektir.

Üçüncü grupta yedek olarak kullanılan yazı tipleri var:

• Helvetica Neue, El Capitan'dan önce Mac OS X'te kullanılıyordu. Yazı tipi, yaygın kullanımı nedeniyle listenin en sonunda listelenmiştir.
• sans-serif, varsayılan sans-serif yazı tipinin geleneksel geri dönüşüdür.

Windows'taki sistem arayüzü yazı tiplerinin evrimi, 1985'teki Windows 1.0'ın tek aralıklı bit eşlem yazı tipinden Windows 10'daki yüksek çözünürlüklü Segoe UI yazı tipine kadar Mac'tekinden daha dramatiktir. (daha büyük sürüm)

Gelecek

Burada hala üzerinde çalışılacak bir şey var. Tekniğin yalnızca Batı tipografisinde işe yaradığı gerçeğiyle başlayalım. Ayrıca dolguyu veya satır yüksekliğini kullandığınız arayüz yazı tipiyle eşleşecek şekilde hizalamak istiyorsanız da sorun yaşarsınız; bu durumda karma bir yaklaşım kullanmanız veya oluşturma sonrasında yazı tiplerini algılamanız gerekir.

Ancak yine de elde edilen sonuçlar iyidir. Umarım gelecekte her şey daha az karmaşık olur. Eğer siz de bununla ilgileniyorsanız, lütfen tarayıcınızın satıcılarına haber verin.

Mac OS X'in son üç sürümü üç farklı arayüz yazı tipini kullanır: Mac OS 10.9'da (Mavericks) Lucida Grande; Mac OS 10.10 (Yosemite) üzerindeki Neue Helvetica'nın özel sürümü; Mac OS 10.11'de (El Capitan) San Francisco'nun özel sürümü. Gelecek versiyonlarda San Francisco'nun kullanılacağını varsaymak mantıklı olacaktır. (