San Francisco Rusça yazı tipi. San Francisco yazı tipi neye benziyor?

San Francisco, Apple'ın ilk kez 2014'ün sonunda izleyicisine tanıttığı bir yazı tipidir. Bu zamana kadar şirket, Apple'ın sahip olduğuna inandığı "" yazı tipini kullanıyordu. zayıflıklar küçük metnin okunabilirliğinin zayıf olması nedeniyle.

Artık Apple ürün serisinin tamamı güvenle kendine ait kendi yazı tipi Bu makalenin altında ücretsiz olarak indirebileceğiniz “San Francisco”. “San Francisco” ailesi iki alt aileye ayrılıyor; bunlar “Metin” ve “Görüntülü”. Aradaki fark, ilk seçenekteki harfler arası mesafenin daha büyük olmasıdır. 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ığı, yani onu geliştirme aşamasında kullanma hakkına sahip olduğunuz anlamına gelir yazılım Apple ürünlerine ve benzer ürünlerin ekran görüntülerine.

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

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 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?

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şacak. 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üğü çözünürlüğü aşıyor Basılı baskı ve iPhone'daki metinler her zaman Apple Watch'taki kadar küçük değildir. 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. Dikey çizgiler SF Compact'ta SF'ye göre daha düz yapılmıştır.

Bu fark, SF Compact kullanılarak yazılan metinde karakterler arasında daha fazla boşluk bulunması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 bahsedildiği gibi Helvetica gibi sans serif yazı tiplerinde (veya sans seriflerde) iki bitişik harf “mix” ve ‘a’, ‘e’, ‘s’ gibi harfler çok belirgin hale gelir. benzer arkadaş küçük metin boyutlarıyla birbirlerine.

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 ailelerinin 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 seçim konusunda endişelenmelerine gerek yok uygun seçenek aileden. Ö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.

Şimdi, belki de ilk Macintosh'tan bu yana ilk defa, 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?

İÇİNDE son yıllar 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 serbest bırakarak başlatanlar onlardı. Windows Telefonu Metro'nun tasarım dili genel olarak tipografiye ve özellikle Segoe yazı tipine güçlü bir şekilde bağlı.

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 sitenizi bir uygulama gibi göstermek istiyorsunuz ya da sadece kullanmak istiyorsunuz. güzel yazı tipleri herhangi bir gecikme olmadan.

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

Açık şu anda Tipografide sistem arayüzü yazı tipini kullanmanın 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

Başarıya ulaşmak için yukarıdaki yaklaşımların her ikisini de birleştirmeyi ilginç bulabilirsiniz. en iyi sonuç. 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.

Ayrıca göndermeyi de deneyebilirsiniz farklı anlamlar Kullanıcı aracısına bağlı olarak sunucudan CSS veya aynısını JavaScript kullanarak yapın (örneğin, Firefox OS için yalnızca font-family: "Fira Sans", sans-serif; gönderin). 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 olduğu için seçildi büyük sorunlar. (İlk yöntem çalışmıyor mobil cihazlar tamamen kabul edilemez sonuçları olan; İkinci yöntemle de sorunlar var ama sayıları daha az ve o kadar da kritik değiller. 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 işletim sistemleri ve daha karmaşık konfigürasyonlar doğru seçim doğru yazı tipini bulmak 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 - eski Android 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 tek aralıklı Windows 1.0 bit eşlem yazı tipinden yazı tipine kadar Mac'tekinden daha dramatiktir. yüksek çözünürlük Windows 10'da Segoe UI. (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. (