Сан Францискогийн орос фонт. Сан Францискогийн фонт ямар харагддаг вэ?

Сан Франциско бол 2014 оны сүүлээр үзэгчиддээ анх танилцуулагдсан Apple-ийн фонт юм. Энэ үеийг хүртэл компани нь Apple-ийн итгэж байсан "" фонтыг ашигладаг байсан сул талууджижиг текстийг унших чадвар муутай холбоотой.

Одоо Apple-ийн бүх бүтээгдэхүүний шугам өөрийн гэсэн итгэлтэйгээр хадгалагдаж байна өөрийн фонтЭнэ нийтлэлийн дагуу та үнэгүй татаж авах боломжтой "Сан Франциско". "Сан Франциско" гэр бүл нь "Текст" ба "Дэлгэц" гэсэн хоёр дэд бүлэгт хуваагддаг. Ялгаа нь эхний хувилбарт үсэг хоорондын зай их байна. Энэ шинж чанар нь дэд бүлгүүдэд жижиг фонтыг илүү сайн унших боломжийг олгодог бөгөөд энэ төрлийн iWatch зэрэг компанийн жижиг төхөөрөмжүүдэд ашиглагддаг.

Кирилл үсэг (орос хэл), англи хэлийг дэмжих нь дамжиггүй.

"Сан Франциско" фонтыг үнэгүй татаж авах

Өгүүллийн төгсгөлд татаж авах боломжтой архив нь гурван өөр форматтай 21 хэв маягийг (дэд гэр бүл бүрийн бараг тал хувь) агуулдаг.

Дэд гэр бүл " Текст"- Энэ: Зоригтой, Тод налуу, Хүнд, Хүнд налуу, Налуу, Гэрэл, Хөнгөн налуу, Дунд зэрэг, Дунд зэргийн налуу, Тогтмол, Хагас холТэгээд Хагас тод налуу.

Хариуд нь дэд гэр бүл " Дэлгэц" - эдгээр нь хэв маяг юм: Хар, Зоригтой, Хүнд, Гэрэл, Дунд зэрэг, Тогтмол, Хагас хол, НимгэнТэгээд Хэт хөнгөн.

Анхаарна ууЭнэ фонт нь Apple-аас лицензтэй бөгөөд энэ нь та үүнийг хөгжүүлэхэд ашиглах эрхтэй гэсэн үг юм програм хангамж Apple-ийн бүтээгдэхүүнүүд, мөн ижил төстэй бүтээгдэхүүний дэлгэцийн агшин дээр.

Үүнийг санаж, таны бүтээлч ажилд амжилт хүсье!

Apple компани анхны iPhone гарснаас хойш Helvetica фонтыг iOS-ийн системийн фонт болгон ашигласан. Тэд мөн 10.10 Yosemite хувилбараас эхлэн Mac OS X дээр Lucida Grande-г сольсон. Тэгвэл Apple яагаад дэлхийн хамгийн дуртай фонтоос салах шийдвэр гаргасан бэ?

iOS 9-ийг албан ёсоор хүн бүр ашиглах боломжтой болсон бөгөөд San Francisco хэмээх шинэ фонтын гэр бүл нь Helvetica Neue-г орлуулжээ.

Helvetica (зүүн) болон Сан Франциско (баруун)

Энэ үед тэдгээрийг Apple Watch-д аль хэдийн ашиглаж байсан. Одоо Сан Франциско нь Apple Watch, iPhone, iPad, Mac зэрэг платформын бүх бүтээгдэхүүний нэг стандарт фонт болсон.

Apple компани анхны iPhone гарснаасаа хойш Helvetica гэр бүлийг iOS-ийн системийн фонт болгон ашигласан. Тэд мөн 10.10 Yosemite хувилбараас эхлэн Mac OS X дээр Lucida Grande-г сольсон. Тэгвэл Apple яагаад дэлхийн хамгийн дуртай фонтоос салах шийдвэр гаргасан бэ?

Жижиг хэмжээ нь Helvetica-ийн сул тал юм

Эрик Спикерманы блогоос "Хелветика муу".

Та Helvetica-ийн унших чадвар бага байгааг дараах байдлаар шалгаж болно. Жижиг текст бичээд бүдгэрүүлнэ үү. Түүний зарим хэсэг нь "холимог" байх тул агуулгыг нь ялгахад хэцүү болно. Apple нь Apple Watch дээрх жижиг бичвэрийг илүү гаргацтай болгохын тулд Сан Францискогийн гэр бүлийг боловсруулсан гэж тэд хэлэв.

Гэсэн хэдий ч орчин үеийн ухаалаг төхөөрөмжүүдийн нягтрал нь нягтралаас давж гардаг хэвлэсэн хэвлэл, мөн iPhone дээрх бичвэрүүд үргэлж Apple Watch дээрх шиг жижиг байдаггүй. Яагаад Apple зөвхөн Apple Watch төдийгүй iOS болон Mac OS X дээр солигдсон бэ?

Сан Франциско - олон талт

"SF" хэмээх фонтын гэр бүлийг iOS/Mac-д ашигладаг бол Apple Watch нь "SF Compact"-г ашигладаг. 'o' болон 'e' гэх мэт дугуйрсан үсгүүдийн ялгааг харж болно. Босоо шугамууд SF Compact-д тэдгээрийг SF-ээс илүү хавтгай болгосон.

Энэ ялгаа нь SF Compact ашиглан бичсэн текстийг тэмдэгтүүдийн хооронд илүү их зайтай болгож, Apple Watch гэх мэт жижиг төхөөрөмжүүд дээр уншихад текстийг илүү гаргацтай болгодог.

Үүнээс гадна гэр бүл бүрийг "Текст" ба "Дэлгэц" гэсэн хоёр дэд бүлэгт хуваадаг. Apple үүнийг "Оптик хэмжээ" гэж нэрлэдэг. Text дэд бүлэг нь жижиг хэмжээтэй бичвэрт зориулагдсан бол Display дэд бүлэг нь том хэмжээтэй текстэд зориулагдсан.

Сан Францискогийн фонтын гэр бүл

Дээр дурдсанчлан, Helvetica гэх мэт sans serif фонтууд (эсвэл sans serifs) хоёр зэргэлдээх үсэг "холих" болон 'a', 'e', ​​'s' зэрэг үсгүүд маш их болдог. ижил төстэй найзбие биендээ жижиг текстийн хэмжээтэй.

Дэлгэцийн болон Текстийн дэд бүлгүүдийн фонтын тэмдэгтүүдийн хоорондох доголын харьцуулалт

Ганц тэмдэгтийн жишээг ашиглан Дэлгэц ба Текст дэд бүлгүүдийн фонтыг харьцуулах

Гэсэн хэдий ч Текстийн дэд бүлгийг дэлгэцийн дэд бүлгийн тэмдэгтүүдтэй харьцуулахад тэмдэгтүүдийн хоорондын догол мөрийг нэмэгдүүлж, текстийн жижиг хэмжээтэй уншигдахуйц байдлыг сайжруулахын тулд тэдгээрийн хоорондын зайг өргөжүүлэхээр зохион бүтээсэн.

Сан Франциско бол динамик

Загвар зохион бүтээгчид, инженерүүд сонгохдоо санаа зовох хэрэггүй тохиромжтой сонголтгэр бүлээс. Жишээлбэл, бид зүгээр л системийн фонтыг UILabel дээр нэмнэ. Ямар чихэвч хэрэгтэйг систем өөрөө тодорхойлно.

Гэсэн хэдий ч Сан Францискогийн фонтуудын хамгийн гайхалтай зүйл бол тэдгээрийн хоёр цэгийг хэрхэн харуулах явдал юм. Ихэвчлэн бусад үсгийн фонт дээр бид үүнийг доод шугамаас шууд хардаг тул тоонуудын хооронд байрлах тохиолдолд бүдүүн цэг нь босоо төвлөрсөн байдаггүй. Гэсэн хэдий ч, Сан Францискогийн фонтуудад энэ тохируулга автоматаар хийгддэг.

Хоёр цэгийг босоогоор нь төв рүү автоматаар зэрэгцүүлнэ

Сан Франциско дижитал эрин үеэс бидэнд ирсэн

Тэдний сольсон Helvetica нь 1957 онд Швейцарьт дижитал төхөөрөмж байхгүй үед бүтээгдсэн. Гэсэн хэдий ч үүнийг өнөөдөр олон компаниуд корпорацийн фонт болгон ашиглаж байгаа бөгөөд ирээдүйд сайн сонгодог фонт болгон ашиглах нь эргэлзээгүй.

Сан Франциско бол эсрэгээрээ орчин үеийн фонт юм. Түүний үсгийн хэлбэр нь нөхцөл байдлаас шалтгаалан динамикаар өөрчлөгддөг. Үүнийг дижитал эриний нэгэн төрлийн "уугуул фонт" гэж нэрлэж болно.

Одоо магадгүй анхны Macintosh-ээс хойш анх удаа интерфэйсэд системийн фонт ашиглах сонирхолтой болсон нь утга учиртай юм. Эдгээр нь вэб хэвлэхийн хөгжилтэй, шинэлэг хувилбар бөгөөд таны сервер эсвэл гуравдагч этгээдэд байршуулах шаардлагагүй. Би вэб сайт дээр системийн фонтыг хэрхэн ашиглах вэ, энд ямар асуудал гарч болох вэ?

IN сүүлийн жилүүдэдИнтерфейсийн олон сонирхолтой системийн фонтууд гарч ирэв. Google гаргасан Робото(мөн энэ фонтыг тогтмол шинэчлэлтүүдээр хөгжүүлсээр байгаа) Apple Сан Франциског гаргасан ба дизайнер Эрик Спикерман Mozilla-д зориулж Fira Sans фонтыг бүтээжээ. Энэ нь бүгд биш, Microsoft-ийн талаар бүү мартаарай. Тэд л гаргаснаар энэ чиг хандлагыг эхлүүлсэн хүмүүс юм Windows PhoneМетрогийн дизайны хэл нь ерөнхийдөө хэв загвар, ялангуяа Segoe фонттой нягт холбоотой.

Эдгээр фонтыг вэб дээр ашиглах санаа түгээмэл болж байгаа нь гайхах зүйл биш юм. Магадгүй та контент болон хэрэглэгчийн интерфэйсийн ялгааг онцлон тэмдэглэхийг хүсч байгаа байх, магадгүй та сайтаа програм шиг харагдуулахыг хүсч байгаа эсвэл зүгээр л ашиглахыг хүсч байгаа байх. сайхан фонтуудямар ч сааталгүйгээр.

Гэхдээ тэдгээрийг ашиглах нь бидний хүссэнээр тийм ч хялбар биш юм. Эдгээр фонтуудын CSS-ийн дэмжлэг нь бага зэрэг сэтгэцийн шинж чанартай байдаг.

Тайлбар: "системийн интерфейсийн фонт" нь үйлдлийн системийн интерфэйсийг гаргахад ашигладаг фонт бөгөөд үүнийг системийн фонтууд, өөрөөр хэлбэл хэрэглэгчийн систем дээр суулгасан фонтуудтай андуурч болохгүй.

Хоёр хандлага

Асаалттай одоогоорСистемийн интерфейсийн фонтыг хэвлэх урлагт ашиглах хоёр арга бий.

Эхний арга

Энэ нь богино "шидэт" CSS мэдэгдлийг ашиглахаас бүрдэнэ:

Фонт: цэс;

Хоёрдахь арга

Хоёрдахь арга бол бүх үсгийн нэрийг жагсаах явдал юм.

Энэ нь бас сул талуудтай:

Бусад сонголтууд

Дээрх хоёр аргыг хослуулах нь танд сонирхолтой санагдаж магадгүй юм хамгийн сайн үр дүн. Харамсалтай нь, фонт болон фонтын гэр бүлийн шинж чанарууд нь бие биенээ үгүйсгэдэг тул энэ нь тийм ч хялбар биш юм - нэг нь нөгөөгөө байнга дарж бичдэг. Медиа асуулга ашиглан ямар нэгэн зүйлд хүрч болох ч энэ арга нь хакердах арга юм.

Та мөн илгээхийг оролдож болно өөр өөр утгатайХэрэглэгчийн агентаас хамааран серверээс CSS эсвэл JavaScript ашиглан ижил зүйлийг хийх (жишээлбэл, зөвхөн фонт-гэр бүлийг илгээх: "Fira Sans", sans-serif; Firefox үйлдлийн системд зориулсан). Гэхдээ энэ сонголт нь төвөгтэй, дэмжихэд хэцүү, хамгийн чухал нь бүх асуудлыг шийдэж чадахгүй.

Одоо яах вэ?

Medium одоогоор хоёр дахь аргыг ашиглаж байна:

Фонт-гэр бүл: -apple-систем, BlinkMacSystemFont, "Segoe UI", "Roboto", "Хүчилтөрөгч", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ;

Багатай учраас сонгосон том асуудлууд. (Эхний арга нь ажиллахгүй байна хөдөлгөөнт төхөөрөмжүүд, бүрэн хүлээн зөвшөөрөх боломжгүй үр дагавартай; Хоёрдахь аргын хувьд бас асуудал байдаг, гэхдээ тэдгээр нь цөөхөн байдаг бөгөөд тэдгээр нь тийм ч чухал биш юм. Эдгээр аргуудын талаарх таны үнэлгээ өөр байж болно).

Бид хамтын хүчин чармайлтаар энэ техникийг сайжруулж чадна. Доорх нь таны системийн интерфейсийн фонт дээр харагдах текст бүхий блок юм. Хэрэв энэ нь ажиллахгүй байгаа эсвэл танд энэ талаар ямар нэгэн бодол байвал сэтгэгдэл үлдээнэ үү.

Үүнийг таны системийн UI фонтоор дүрсэлсэн байх ёстой. Хурдан бор үнэг залхуу нохойн дээгүүр үсэрнэ. Энэ текстийг системийн интерфейсийн фонтоор харуулах ёстой.

Фонтын жагсаалтын нарийвчилсан тойм

Одоогийн байдлаар энэ арга нь дараах асуудлуудтай байна.

• Хамгийн багадаа 2015 оны арванхоёрдугаар сар хүртэл Mac OS X дээрх Firefox нь Сан Францискогийн оронд Neue Helvetica-г ашиглах болно.
• Мөн Mac OS X дээр Yosemite-ээс өмнөх хувилбаруудад Lucida Grande-ийн оронд Neue Helvetica-г харуулдаг.
• Бага алдартай үйлдлийн системүүдба илүү төвөгтэй тохиргоонууд зөв сонголтзөв фонт нь бүр ч хэцүү байдаг.

Хэрэв та нарийн ширийнийг сонирхож байгаа бол энэ жагсаалт зөв ажиллахын тулд ямар байх ёстойг харцгаая.

Фонт-гэр бүл: -apple-систем, BlinkMacSystemFont, "Segoe UI", "Roboto", "Хүчилтөрөгч", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif ;

Эхний бүлэг нь системийн интерфэйсийн фонтууд хамаарах шинж чанаруудыг агуулдаг. Эдгээр нь нэлээд найдвартай бөгөөд хөтөч нь тэдгээрийг бусадтай андуурах магадлал байхгүй:

• -apple-систем нь Mac OS X болон iOS дээрх Safari дахь Сан Франциског, мөн Mac OS X Neue Helvetica болон Lucida Grande-ийн хуучин хувилбаруудыг хамардаг. Энэ утга нь үсгийн фонтын хэмжээнээс хамааран Сан Францискогийн текст болон Сан Франциско дэлгэцийн хооронд автоматаар сонгогддог.
• BlinkMacSystemFont нь өмнөх утгатай дүйцэхүйц бөгөөд Mac OS X дээрх Chrome дээр ажилладаг.

Дараах бүлэг нь сайн мэддэг системийн интерфейсийн фонтуудыг онцолдог.

• Segoe UI нь Windows болон Windows Phone-г хамардаг.
• Roboto бол Android болон шинэ Chrome үйлдлийн систем юм. Энэ нь Segoe UI-г орлохгүйн тулд Roboto суулгасан Windows үйлдлийн систем дээр ажилладаг Android хөгжүүлэгчдэд зориулж Segoe UI-ийн дараа байрладаг.
• Хүчилтөрөгч бол KDE фонт, Ubuntu бол мэдээж Ubuntu, Cantarell бол GNOME. Линуксд зориулсан гурван фонт нэг дор, гэхдээ олон тооны түгээлтийн иж бүрдлийг харгалзан үзвэл тэд асуудлыг шийдэж чадахгүй.
• Fira Sans фонт Firefox үйлдлийн систем.
• Droid Sans - хуучин Android хувилбарууд.
• Бид Сан Францискогийн фонтын нэрийг заагаагүй гэдгийг анхаарна уу. iOS болон Mac OS X дээр Сан Франциско нь нийтийн фонт гэхээсээ илүү "далд фонт" хэлбэрээр харагдана.
• Мөн бид Mac OS X дээрх Сан Францискогийн дотоод PostScript нэр болох .SFNSText-Regular-ыг ашиглан Сан Франциског заагаагүй. Энэ нь зөвхөн Chrome дээр ажилладаг бөгөөд BlinkMacSystemFont-ээс бага уян хатан байдаг.

Гурав дахь бүлэгт бид фонтуудыг нөөц болгон ашигладаг:

• Helvetica Neue нь Mac OS X дээр El Capitan-аас өмнө ашиглагддаг. Үсгийн фонт нь өргөн хэрэглэгддэг тул жагсаалтын хамгийн төгсгөлд жагсаагдсан болно.
• sans-serif нь өгөгдмөл sans-serif фонтын уламжлалт нөөц юм.

Windows дээрх системийн интерфейсийн фонтуудын хувьсал нь Mac үйлдлийн системтэй харьцуулахад илүү гайхалтай юм - 1985 онд нэг зайтай Windows 1.0 битмап фонтоос фонт хүртэл. өндөр нарийвчлалтай Windows 10 дээрх Segoe UI. (том хувилбар)

Ирээдүй

Энд ажиллах зүйл байсаар байна. Энэ техник нь зөвхөн барууны хэв маягт ажилладаг гэдгийг эхэлцгээе. Хэрэв та ашиглаж буй интерфэйсийн фонттой тааруулахын тулд дэвсгэр эсвэл мөрийн өндрийг зэрэгцүүлэхийг хүсвэл танд асуудал тулгарах болно - энэ тохиолдолд та эрлийз аргыг ашиглах эсвэл буулгасны дараа фонтуудыг илрүүлэх шаардлагатай болно.

Гэсэн хэдий ч олж авсан үр дүн нь сайн байна. Ирээдүйд энэ бүхэн илүү төвөгтэй байх болно гэж найдаж байна. Хэрэв та үүнийг сонирхож байгаа бол хөтөчийнхөө үйлдвэрлэгчдэд мэдэгдэнэ үү.

Mac OS X-ийн сүүлийн гурван хувилбар нь гурван өөр интерфэйсийн фонт ашигладаг: Mac OS 10.9 (Маверикс) дээрх Lucida Grande; Mac OS 10.10 (Yosemite) дээрх Neue Helvetica-ийн тусгай хувилбар; Mac OS 10.11 (El Capitan) дээрх Сан Францискогийн тусгай хувилбар. Сан Франциског ирээдүйн хувилбаруудад ашиглах болно гэж үзэх нь логик юм. (