San Francisco rusiškas šriftas. Kaip atrodo San Francisco šriftas?

San Francisco yra „Apple“ šriftas, kuris pirmą kartą buvo pristatytas savo auditorijai 2014 m. pabaigoje. Iki tol bendrovė naudojo šriftą „“, kurį, kaip tikėjosi „Apple“, turėjo silpnybes dėl prasto mažo teksto skaitomumo.

Dabar visa Apple produktų linija užtikrintai laikosi savo nuosavas šriftas„San Francisco“, kurią galite nemokamai atsisiųsti pagal šį straipsnį. „San Francisco“ šeima yra padalinta į dvi pošeimius: „Tekstas“ ir „Ekranas“. Skirtumas yra didesnis atstumas tarp raidžių pirmajame variante. Ši charakteristika leidžia pogrupiui geriau įskaityti mažo šrifto dydį, ir būtent šis tipas naudojamas mažuose įmonės įrenginiuose, tokiuose kaip „iWatch“.

Neabejotinai palaikoma kirilicos abėcėlė (rusų kalba), taip pat anglų kalba.

Atsisiųskite nemokamą šriftą "San Francisco"

Archyve, kurį galite atsisiųsti straipsnio pabaigoje, yra 21 stilius (beveik pusė kiekvienos pošeimos) trimis skirtingais formatais.

Pošeima " Tekstas“ – tai: Paryškintas, Paryškintas kursyvas, Sunkus, Sunkus kursyvas, Kursyvas, Šviesa, Šviesus kursyvas, Vidutinis, Vidutinis kursyvas, Reguliarus, Pusiau paryškintas Ir Pusiau paryškintas kursyvas.

Savo ruožtu pošeima " Ekranas“ – tai stiliai: Juoda, Paryškintas, Sunkus, Šviesa, Vidutinis, Reguliarus, Pusiau paryškintas, Plonas Ir Ultralengvas.

Atkreipkite dėmesį kad šriftas yra licencijuotas „Apple“, o tai reiškia, kad jūs turite teisę jį naudoti kuriant programinė įranga„Apple“ produktams, taip pat panašių produktų ekrano kopijose.

Prisiminkite tai ir sėkmės kūrybiniuose darbuose!

„Apple“ naudojo „Helvetica“ šriftų rinkinį kaip „iOS“ sistemos šriftą nuo pirmojo „iPhone“ išleidimo. Jie taip pat pakeitė „Lucida Grande“ „Mac OS X“, pradedant nuo 10.10 „Yosemite“ versijos. Taigi kodėl „Apple“ dabar nusprendė atsikratyti mylimiausio pasaulyje šrifto?

„iOS 9“ dabar oficialiai prieinama visiems, o nauja šriftų šeima „San Francisco“ subtiliai pakeitė „Helvetica Neue“.

Helvetica (kairėje) ir San Franciskas (dešinėje)

Šiuo metu jie jau buvo naudojami „Apple Watch“. Dabar San Franciskas tapo vienu standartiniu šriftu visiems platformos produktams: Apple Watch, iPhone, iPad ir Mac.

„Apple“ naudojo „Helvetica“ šeimą kaip „iOS“ sistemos šriftą nuo pirmojo „iPhone“ išleidimo. Jie taip pat pakeitė „Lucida Grande“ „Mac OS X“, pradedant nuo 10.10 „Yosemite“ versijos. Taigi kodėl „Apple“ dabar nusprendė atsikratyti mylimiausio pasaulyje šrifto?

Maži dydžiai yra Helvetica silpnoji vieta

„Helvetica sucks“ iš Eriko Spiekermanno tinklaraščio.

Žemą Helvetica skaitomumą galite patikrinti taip. Įveskite mažą tekstą ir suliekite jį. Kai kurie jo fragmentai bus „sumaišyti“, todėl bus sunku suprasti jų turinį. Jie sako, kad „Apple“ sukūrė San Francisko šeimą būtent tam, kad mažas tekstas „Apple Watch“ būtų įskaitomas.

Tačiau šiuolaikinių išmaniųjų įrenginių raiška pranoksta raišką spausdintas leidimas, o tekstai „iPhone“ ne visada tokie maži kaip „Apple Watch“. Kodėl tada „Apple“ pakeitė ne tik „Apple Watch“, bet ir „iOS“ bei „Mac OS X“?

San Franciskas – įvairus

„iOS“ / „Mac“ naudojama šriftų šeima „SF“, o „Apple Watch“ naudoja „SF Compact“. Galite matyti skirtumą suapvalintose raidėse, pvz., „o“ ir „e“. Vertikalios linijos SF Compact jie pagaminti plokštesni nei SF.

Dėl šio skirtumo tekstas, įvestas naudojant SF Compact, turi daugiau tarpų tarp simbolių, todėl tekstas yra lengviau įskaitomas, kai skaitomas mažuose įrenginiuose, pvz., Apple Watch.

Be to, kiekviena šeima yra padalinta į dar du pošeimius: „Tekstas“ ir „Ekranas“. „Apple“ tai vadina „optiniais dydžiais“. Teksto pogrupis skirtas mažo dydžio tekstams, o ekrano pogrupis – didelio dydžio tekstams.

San Francisco šriftų šeima

Kaip minėta aukščiau, sans serif šriftuose (arba sans serifuose), pvz., Helvetica, dvi gretimos raidės „susimaišo“ ir raidės, tokios kaip „a“, „e“, „s“, tampa labai svarbios. panašus draugas vienas ant kito su mažais teksto dydžiais.

Ekrano ir teksto pogrupių šriftų simbolių įtraukų palyginimas

Ekrano ir teksto pogrupių šriftų palyginimas naudojant vieno simbolio pavyzdį

Tačiau teksto pogrupis sukurtas taip, kad įtraukos tarp simbolių jame būtų padidintos, palyginti su simboliais, esančiais ekrano pogrupyje, o tarpai juose padidinami, kad būtų lengviau skaitoma naudojant mažus tekstus.

San Franciskas yra dinamiškas

Dizaineriai ir inžinieriai neturi jaudintis dėl pasirinkimo tinkamas variantas iš šeimos. Pavyzdžiui, tiesiog pridedame sistemos šriftą prie UILabel. Pati sistema nustatys, kokių ausinių jums reikia.

Tačiau San Francisko šriftai tikrai įspūdingi yra tai, kaip jie rodo dvitaškius. Paprastai kituose šriftuose jį matome tiesiai virš apatinės eilutės, todėl tais atvejais, kai jis yra tarp skaičių, dvitaškis nėra vertikaliai centre. Tačiau San Francisco šriftuose šis lygiavimas vyksta automatiškai.

Automatiškai lygiuoti dvitaškį vertikaliai su centru

San Franciskas atėjo pas mus iš skaitmeninio amžiaus

„Helvetica“, kurią jie pakeitė, buvo sukurta Šveicarijoje 1957 m., kai dar nebuvo skaitmeninių įrenginių. Tačiau daugelis įmonių jį vis dar naudoja kaip įmonės šriftą ir, be jokios abejonės, ateityje bus naudojamas kaip geras klasikinis šriftas.

San Franciskas, atvirkščiai, yra modernus šriftas. Jo šriftas keičiasi dinamiškai, atsižvelgiant į kontekstą. Jį galima pavadinti savotišku skaitmeninio amžiaus „vietiniu šriftu“.

Dabar, galbūt pirmą kartą po pirmojo „Macintosh“, prasminga susidomėti sąsajos sistemos šriftų naudojimu. Jie yra smagi ir nauja žiniatinklio tipografijos alternatyva – jiems nereikia prieglobos jūsų ar trečiosios šalies serveryje. Kaip svetainėje naudoti sistemos šriftus ir kokių problemų čia gali kilti?

IN pastaraisiais metais Atsirado daug įdomių sąsajos sistemos šriftų. „Google“ išleido Roboto(ir toliau kuria šį šriftą reguliariai atnaujindama), „Apple“ išleido „San Francisco“, o dizaineris Ericas Spiekermanas sukūrė „Fira Sans“ šriftą „Mozilla“. Ir tai dar ne viskas, nepamirškite apie „Microsoft“. Jie buvo tie, kurie pradėjo šią tendenciją išleisdami Windows Phone„Metro“ dizaino kalba yra stipriai susieta su tipografija ir ypač „Segoe“ šriftu.

Nenuostabu, kad idėja naudoti šiuos šriftus internete populiarėja. Galbūt norite pabrėžti skirtumą tarp turinio ir vartotojo sąsajos, galbūt norite, kad jūsų svetainė atrodytų kaip programa, arba tiesiog norite naudoti gražūs šriftai be jokio delsimo.

Tačiau jų naudojimas nėra toks paprastas, kaip norėtume. Šių šriftų CSS palaikymas yra šiek tiek psichodelinis.

Pastaba: „sistemos sąsajos šriftas“ yra šriftas, naudojamas operacinės sistemos sąsajai pateikti – jo nereikėtų painioti su sistemos šriftais, tai yra, vartotojo sistemoje įdiegtais šriftais.

Du požiūriai

Įjungta šiuo metu Yra du būdai, kaip naudoti sistemos sąsajos šriftą tipografijoje.

Pirmas būdas

Jį sudaro trumpos „stebuklingos“ CSS deklaracijos naudojimas:

Šriftas: meniu;

Antras būdas

Antrasis būdas yra išvardyti visų šriftų pavadinimus:

Jis taip pat turi trūkumų:

Kiti variantai

Jums gali būti įdomu derinti abu aukščiau išvardintus metodus geriausias rezultatas. Deja, tai nėra lengva, nes šriftas ir šriftų šeimos savybės yra nesuderinamos – vienas visada perrašo kitą. Gali būti, kad manipuliuojant žiniasklaidos užklausomis galima ką nors pasiekti, tačiau šis metodas yra įsilaužimas.

Taip pat galite pabandyti siųsti skirtingos reikšmės CSS iš serverio, priklausomai nuo vartotojo agento, arba atlikite tą patį naudodami „JavaScript“ (pavyzdžiui, siųskite tik šriftų šeimą: „Fira Sans“, be serif; „Firefox“ OS). Tačiau ši parinktis yra sudėtinga, sunkiai palaikoma ir, svarbiausia, neišsprendžia visų problemų.

Ką dabar daryti?

„Medium“ šiuo metu naudoja antrąjį metodą:

Šriftų šeima: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", be serif ;

Jis buvo pasirinktas, nes jame yra mažiau didelių problemų. (Pirmasis metodas neveikia mobiliuosius įrenginius, su visiškai nepriimtinomis pasekmėmis; Su antruoju metodu taip pat yra problemų, tačiau jų yra mažiau ir jos nėra tokios kritiškos. Jūsų šių metodų vertinimas gali skirtis).

Bendromis pastangomis galime patobulinti šią techniką. Žemiau yra blokas su tekstu, kuris turėtų būti rodomas jūsų sistemos sąsajos šriftu. Jei tai neveikia arba turite kokių nors minčių apie tai, palikite komentarą.

Tai turėtų būti pateikta jūsų sistemos vartotojo sąsajos šriftu. Greita rudoji lapė peršoka per tinginį šunį. Šis tekstas turėtų būti rodomas sistemos sąsajos šriftu.

Išsami šriftų sąrašo apžvalga

Šiuo metu šis metodas turi šias problemas:

• Bent iki 2015 m. gruodžio mėnesio „Firefox“ operacinėje sistemoje „Mac OS X“ naudos „Neue Helvetica“, o ne „San Francisco“.
• Taip pat „Mac OS X“ versijose prieš „Yosemite“ vietoj Lucida Grande rodoma „Neue Helvetica“.
• Mažiau populiariose operacinės sistemos ir sudėtingesnės konfigūracijos teisingas pasirinkimas teisingas šriftas yra dar sudėtingesnis.

Jei jus domina detalės, pažiūrėkime, kaip šis sąrašas turėtų atrodyti, kad tinkamai veiktų:

Šriftų šeima: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", be serif ;

Pirmoje grupėje yra ypatybių, kurios nurodo sistemos sąsajos šriftus. Jie yra gana patikimi ir nėra tikimybės, kad naršyklė juos supainios su kitais:

• -Apple-sistema apima San Franciską Safari sistemoje Mac OS X ir iOS bei senesnėse Mac OS X Neue Helvetica ir Lucida Grande versijose. Ši reikšmė automatiškai parenkama tarp San Francisko teksto ir San Francisko ekrano, atsižvelgiant į šrifto dydį.
• „BlinkMacSystemFont“ yra ankstesnės vertės atitikmuo ir veikia „Chrome“ sistemoje „Mac OS X“.

Šioje grupėje pabrėžiami gerai žinomi sistemos sąsajos šriftai:

• „Segoe“ vartotojo sąsaja apima „Windows“ ir „Windows Phone“.
• „Roboto“ yra „Android“ ir nauja „Chrome“ OS. Jis yra po „Segoe“ vartotojo sąsaja, kad būtų pritaikytas „Android“ kūrėjams, kurie veikia „Windows“ sistemoje su įdiegtu Roboto, kad „Roboto“ nepakeistų „Segoe“ vartotojo sąsajos.
• Oxygen yra KDE šriftas, Ubuntu, žinoma, yra Ubuntu, o Cantarell yra GNOME. Trys „Linux“ šriftai vienu metu, tačiau, atsižvelgiant į platinimo rinkinių gausą, jie problemos neišsprendžia.
• Fira Sans šriftas Firefox OS.
• Droid Sans – senas Android versijos.
• Atminkite, kad nenurodome San Francisco šrifto pavadinimo. Sistemose „iOS“ ir „Mac OS X“ San Francisco rodomas kaip „paslėptas šriftas“, o ne kaip viešas šriftas.
• Taip pat nenurodome San Francisko, naudodami .SFNSText-Regular, vidinį San Francisko „PostScript“ pavadinimą „Mac OS X“. Jis veikia tik „Chrome“ ir yra mažiau lankstus nei „BlinkMacSystemFont“.

Trečioje grupėje turime šriftus, naudojamus kaip atsarginius šriftus:

• Helvetica Neue naudojama Mac OS X prieš El Capitan. Šriftas pateikiamas pačioje sąrašo pabaigoje, nes jis plačiai naudojamas.
• sans-serif yra tradicinis atsarginis numatytojo sans-serif šriftas.

Sistemos sąsajos šriftų evoliucija sistemoje „Windows“ yra dramatiškesnė nei „Mac“ – nuo ​​vieno tarpo Windows 1.0 bitmap šrifto 1985 m. iki šrifto didelės raiškos Segoe UI sistemoje Windows 10. (didesnė versija)

Ateitis

Čia dar yra su kuo dirbti. Pradėkime nuo to, kad technika veikia tik su Vakarų tipografija. Taip pat turėsite problemų, jei norėsite sulygiuoti užpildą arba eilutės aukštį, kad jis atitiktų jūsų naudojamą sąsajos šriftą – tokiu atveju turėsite naudoti hibridinį metodą arba aptikti šriftus po pateikimo.

Bet vis tiek gauti rezultatai geri. Tikimės, kad ateityje visa tai bus mažiau sudėtinga. Jei jus taip pat domina tai, praneškite savo naršyklės pardavėjams.

Paskutinėse trijose „Mac OS X“ versijose naudojami trys skirtingi sąsajos šriftai: „Lucida Grande“ „Mac OS 10.9“ („Mavericks“); speciali Neue Helvetica versija Mac OS 10.10 (Yosemite); speciali San Francisco versija Mac OS 10.11 (El Capitan). Logiška manyti, kad San Franciskas bus naudojamas būsimose versijose. (