Перагледжаны Font Stack
Original on http://www.awayback.com/
Сур’ёзныя высілкі да таго, каб атрымаць больш выбар шрыфта ў Інтэрнэце для падвышэння вэб-друкарні. Тым не менш, большасць з нас аддаюць перавагу інтэрнэт-бяспечных шрыфтоў, як: Verdana, Грузіі, Times New Roman і Arial. Хоць выбар абмежаваны, але лік можа быць павялічана шляхам вывучэння іншых папярэдне ўсталяваных шрыфтоў.
“… Шрыфт стэкі ў канчатковым рахунку, дызайн фактараў, і неабходна старанна вывучыць, як
Прадусталяваныя шрыфты
Шрыфт стэкі прыярытэтныя спісы шрыфты, вызначаныя ў CSS-сямействы атрыбутаў шрыфта, што браўзар будзе цыкл праз пакуль не знойдзе шрыфт, які ўсталяваны на карыстача сістэмы.
Baskerville, Garamond і Palatino ужо былі скарыстаны некалькі разоў, каб стварыць шрыфт-стэкі, якія натхняюць. Але Існуюць некаторыя іншыя шрыфты, якія не былі асуджаны раней. кодэкса стылю шрыфта абследаванне выявіла некаторыя іншыя распаўсюджаныя шрыфты, усталяваныя на Mac і Windows, якія могуць эфектыўна выкарыстоўвацца.
Я абраў 10 папулярных шрыфтоў, з засечкамі і без засечак, кожная з абследавання. Разглядаючы шрыфта дзель, % статыстыкі ў наступнай табліцы, мы можам паспрабаваць некаторыя іншыя шрыфты, але з асцярожнасцю.
| Mac | Windows | ||||||
|---|---|---|---|---|---|---|---|
| Засечка | % | Сечаныя | % | Засечка | % | Сечаныя | % |
| Times | 96.23 | Helvetica | 99.71 | Georgia | 98.55 | Verdana | 99.40 |
| Georgia | 94.20 | Geneva | 98.84 | Times New Roman | 98.60 | Tahoma | 99.30 |
| Times New Roman | 93.62 | Lucida Grande | 99.13 | Palatino Linotype | 98.04 | Arial | 99.15 |
| Hoefler Text | 88.70 | Arial | 97.10 | Book Antiqua | 86.09 | Trebuchet MS | 99.00 |
| Baskerville | 88.60 | Verdana | 96.81 | Garamond | 86.24 | Lucida Sans Unicode | 98.25 |
| Didot | 87.72 | Helvetica Neue | 94.74 | Cambria | 54.51 | Franklin Gothic Medium | 97.89 |
| Big Caslon | 85.10 | Trebuchet MS | 94.20 | Constantia | 53.81 | Calibri | 54.76 |
| Palatino | 79.71 | Gill Sans | 91.52 | Goudy Old Style | 51.30 | Candara | 54.31 |
| Lucida Bright | 64.90 | Futura | 91.01 | Baskerville Old Face | 49.10 | Gill Sans MT | 51.74 |
| Garamond | 23.84 | Optima | 90.14 | Bodoni MT | 47.89 | Segoe UI | 45.04 |
Шрыфт Стэкі-Водгук
-
Microsoft
Tahoma, Verdana, Segoe, sans-serif;Microsoft.com будзе (у большасці выпадкаў) вынесла ў Verdana на Mac, і ў Tahoma на Windows. Segoe (45,04%) мае меншую дзель, чым шрыфт % Tahoma і Verdana на Windows і рэдка атрымліваюць магчымасць аказваць. Такім чынам, я мяркую, што яе лепш перанесці ў Segoe перад стэка. Я дадаў Жэневе (98,84 % на Mac) з перагледжаным шрыфта-стэк, які вельмі падобны на Tahoma.
Прапанаваныя шрыфта стэка:
"Segoe UI", Segoe, Tahoma, Geneva, sans-serif; -
Yahoo
arial, helvetica, clean, sans-serifПа словах Jens Meiert, выкарыстоўваючы шрыфт Arial да Helvetica не робіць шмат сэнсу, і ён прапанаваць выкарыстанні Helvetica да Arial.
Шматлікія сайтах з высокім трафікам, як: Adobe, LinkedIn, Aol, Ebay, You Tube, CNN.com і Mapquest выкарыстанні:
Arial, Helvetica, sans-serif;Макі 99,71 % маюць папярэдне ўсталяванай Helvetica і 99,15 % у ПК Arial. Пры стварэнні нашага шрыфта стэка мы павінны разгледзець кожны з гэтых платформаў да паказваючы пальцам на нашых змаўчанню без ці без засечак шрыфтам. Шматлікія дызайнеры згаджаюцца, што Helvetica выглядае жудасна на Windows (але толькі калі мы пакажам яго ніжэй 16px). Вось параўнанне Erskine Design на Mac і Windows, дзе гэта Helvetica, якія прадстаўляюцца на 12px.

Прапанаваныя шрыфта стэка:
Arial, sans-serif; -
Facebook
"Lucida Grande", Tahoma, Verdana, Arial, sans-serif;Facebook, Twitter, WordPress, Newswine і Basecamp паставіў Lucida Grande у якасці асноўны выбар для Mac, але прамахнуўся Lucida Sans Unicode для Windows і Lucida Sans для Linux.
Lucida Grande (99,13 % акцый на Mac) з’яўляецца агульным выбарам у гэтыя дні. Для Windows і Linux, Lucida Sans Unicode (з 98,25 % акцый) і Lucida Sans (з 77,78 % акцый) могуць быць скарыстаны, але яны адсутнічаюць (наўмысна ці ненаўмысна) у Facebook’s шрыфта-стэка. З тым каб умацаваць шрыфта-стэк, які складаецца з Lucida, мы павінны выкарыстоўваць як Lucida Sans Unicode і Lucida Sans для Windows і Linux адпаведна.
Выкарыстанне Arial пасля Verdana і Times New Roman, пасля падзей у Грузіі з’яўляецца вельмі распаўсюджанай практыкай. У абодвух выпадках, х-вышыня адрозніваецца і тэксту змяняецца ў дадзены памер шрыфта. Richard Rutter -дырэктар па вытворчасці на Clearleft даў наступную заяву на Skillswap 09 па гэтым пытанні.
Verdana здаецца нашмат больш, чым Arial, так Arial не з’яўляецца падыходным рэзервовыя для Verdana. Калі гэта не падыходзіць, не паказвайце яго.
Прапанаваныя шрыфта стэка:
"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; -
I Love Typography
Georgia, Cambria, "Times New Roman", Times, serif;Камбрия з’яўляецца часткай набор шрыфтоў, якія пастаўляюцца з Microsoft Windows Vista, Windows 7, Microsoft Office 2007 і Microsoft Office 2008 для Mac, адмыслова прызначаныя для чытання з экрана на. З 54,51 % акцый на Windows, Cambria можа быць добрым выбарам з-за Грузіі і Times New Roman. Аднак, гэта не мае ніякага сэнсу выкарыстання Cambria пасля падзей у Грузіі, якая мае дзель 94,20 % і 98,55%, на Mac і Windows адпаведна. Зараз, калі ILT сур’ёзна пра выкарыстанне Cambria як асноўны выбар, то перагледжаны шрыфта-стэк павінен быць:
Cambria, Georgia, serif; -
Jon Tangerine
baskerville, palatino, 'palatino linotype', georgia,serif;Jon Tan-вэб-дызайнер экспертаў вядомы сваёй прыгожай типографикой вэб-Baskerville выкарыстоўвае як асноўны выбар для свайго блога артыкулу (асяродак і цэлюлозна…), а затым Palatino і Грузіі. Я дадаў Garamond (23,84 % на Mac, 86,24 % на Windows), Hoefler Тэкст (88,70 % на Mac) і Times New Roman (93,62 % на Mac, 98,60 % на Windows), каб яго шрыфта-стэка і выпрабаваны ў Firefox на Mac, каб знайсці найлепшы выбар.
Ніжэй прыведзены вынікі ў парадку змяншэння падабенства ў памерах і вазе (вынікі адсартаваны ў меру мой погляд).

Baskerville
Garamond
Times New Roman
Palatino
Hoefler Text
GeorgiaЗ прыведзенага вышэй параўнанні і пасля разгляду шрыфта дзель,%, мы можам абраць Baskerville (88,60 % на Mac), Baskerville Old Face (49,10 % на Windows), Hoefler Тэкст (88,70 % на Mac), Garamond (23,84 % на Mac, 86,24 % на Windows), Book Antiqua (86,09 % на Windows), Palatino (79,71 % на Mac, 98,04 % на Windows) і Times New Roman (93,62 % на Mac, 98,60 % на Windows). Грузіі засталося, і замяніць Times New Roman, як агульны шрыфт, паколькі Times New Roman відавочна лепшая замена для Baskerville пры разглядзе х вышыні і вагі.
Так перагледжаны FS будзе:
Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif; -
Сушы і робаты
"Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;Сушы і робатаў, якія маюць добры шрыфт-стэка ўвянчаліся Hoefler Тэкст (88,70 % на Mac), які аказвае хораша і сайт выглядае дзіўным на Mac. Garamond і Palatino Linotype з’яўляюцца добрым выбарам для Windows. Аднак, шрыфты выкарыстоўваюцца ў вышэй шрыфта стэка адрозніваецца ў залежнасці ад х-вышыня. Напрыклад Hoefler Тэкст, Basekerville і Garamond мае comparitivly меней х-вышыня, чым Palatino і Грузіі. На падставе адрозненняў у х-вышыня, Я падзяліў гэтыя шрыфты на дзве групы па падтрыманні Hoefler тэксту на сядушку кіроўцы. Пасля малюнка дапамогуць растлумачыць гэта пытанне.
Hoefler Text
Hoefler Text
Constantia
Garamond
Palatino
Baskerville
Georgia
Times New RomanКалі мы паглядзім на вышэй здымкаў, зробленых з сушы і робатаў пра старонку, мы выявім, што Palatino і Georgia маюць розныя х-вышыня (і вага), чым Баскервіля і Garamond. Так, я падзяліў асноўныя шрыфта стэка на дзве асобныя групы, якія могуць быць скарыстаны пры захаванні Hoefler тэксту на сядушку кіроўцы. Вы можаце абраць падыходны шрыфт-стэк сярод гэтых дзвюх.
"Hoefler Text", Constantia, Palatino, "Palatino Linotype", "Book Antiqua", Georgia, serif;ці
"Hoefler Text", Garamond, Baskerville, "Baskerville Old Face", "Times New Roman", serif;
“Пераканаецеся, што стэкі шрыфта маюць сэнс і з’яўляюцца карыснымі.”
Перагледжаны Стэкі Шрыфт
Я стварыў шрыфт-стэка для кожнага шрыфта пры разглядзе шрыфта статыстыкі дзель табліцы.
Нататкі:
- Некаторыя шрыфты, напрыклад: Garamond, Baskerville і Дидо з’яўляюцца не як чытаць на экране, як Georgia. Вы можаце зрабіць свой уласны выбар.
- З-за меншага х-вышыня; Caslon, Дидо, Garamond, Baskerville і Hoefler Тэкст павінен быць усталяваны на ўзроўні мінімум 14 пікселяў ці вышэй.
- Lucida Grande, Futura and Tahoma are mechanically obliqued to fake an italic.
- Geneva, Baskerville Old Face and Big Caslon has no bold and italic. They are faked to bold and italic.
- Avoid using Helvetica or Helvetica Neue for body text, especially below 14px.
- Futura, Gill Sans and Franklin Gothic Medium should be carefully stacked and used because of their unusual weight.
Serif font-stack
-
Garamond
(23.84 % on Mac, 86.24 % on Windows)
Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; -
Lucida Bright
(64.90 % on Mac, 33.84 % on Windows) Huge x-height
"Lucida Bright", Georgia, serif; -
Palatino
(79.71 % on Mac, 98.04 % on Windows)
Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; -
Big Caslon
(85.10 % on Mac)
"Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif; -
Didot
(87.72 % on Mac)
Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; -
Baskerville
(88.60 % on Mac, 49.10 % on Windows)
Baskerville, "Baskerville old face", "Hoefler Text", Garamond, "Times New Roman", serif; -
Hoefler Text
(88.70 % on Mac, 1.16 % on Windows)
"Hoefler Text", "Baskerville old face", Garamond, "Times New Roman", serif; -
Bodoni
(47.89 % on Windows)
"Bodoni MT", Didot, "Didot LT STD", "Hoefler Text", Garamond, "Times New Roman", serif; -
Goudy Old Style
(51.30 % on Windows)
"Goudy Old Style", Garamond, "Big Caslon", "Times New Roman", serif; -
Constantia
(53.81 % on Windows)
Constantia, Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif; -
Cambria
(54.51 % on Windows)
Cambria, Georgia, serif; -
Book Antiqua
(86.09 % on Mac)
"Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
Sans-serif font-stack
-
Optima
(90.14 % on Mac)
Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; -
Futura
(91.01 % on Mac)
Futura, "Trebuchet MS", Arial, sans-serif; -
Gill Sans
(91.52 % on Mac, 51.74 % on Windows)
"Gill Sans", "Gill Sans MT", Calibri, sans-serif; -
Trebuchet
(94.20 % on Mac, 99 % on Windows)
"Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; -
Helvetica Neue
(94.74 % on Mac)
"Helvetica Neue", Helvetica, Arial, sans-serif; -
Verdana
(96.81 % on Mac, 99.40 % on Windows)
Verdana, Geneva, sans-serif; -
Lucida Grande
(99.13 % on Mac, 98.25 % on Windows)
"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; -
Geneva
(98.84 % on Mac)
Geneva, Tahoma, Verdana, sans-serif; -
Segoe
(45.04 % on Windows)
Segoe, "Segoe UI", "Helvetica Neue", Arial, sans-serif; -
Candara
(54.31 % on Windows)
Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif; -
Calibri
(54.76 % on Windows)
Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif; -
Franklin Gothic Medium
(97.89 % on Windows)
"Franklin Gothic Medium", Arial, sans-serif; -
Tahoma
(99.30 % on Windows)
Tahoma, Geneva, Verdana, sans-serif;
“Падумайце пра тое, шрыфты за межамі асноўнага вэб-шрыфты.”
Пара перагледзець… шрыфта-стэкі
Гэтыя шрыфта стэкі ствараюцца пасля разгляду шрыфта-адсоткавай дзелі на абодвух Mac і Windows платформаў, а затым правяраецца ў браўзар для X-вышыні і іншыя пытанні (напрыклад: чытальнасці). Гэтыя шрыфта стэкі ствараюцца як у маім уласным разуменні і могуць вар’іравацца ў залежнасці ад дызайнера да дызайнер у залежнасці ад іх выбару, рашэнні і перавагі. Любыя прапановы ці паляпшэнні будуць ацэнены. Я жадаў бы бачыць некаторыя цікавыя, але сэнс, шрыфт-сцячы абапірацца на мае даследаванні. Жаданы поспехі!
Дзякуючы Phil Shaw для кодэкса стылю і шрыфта абследавання.
Спіс літаратуры
Некаторыя з неацэнную артыкулы, блогі і каментары, якія дапамаглі мне пабудаваць гэты пост.
- Камбінаваны стыль кода Вынікі
- Лепш CSS шрыфта стэкі-Unit Інтэрактыўная
- Новая друкарня-Clagnut
- Павелічэнне шрыфта-стэкаў са шрыфт матрыца-24 Шляхі
- Шрыфт матрыцы-24 Шляхі
- Раскошныя тыпу Джефф Крофт
- Вэб-шрыфты-Padded Cell
- 8 шрыфты, якія вы, верагодна, не выкарыстоўваць у CSS, але павінны-3 пункта 7 узораў
- Шрыфт вынікі Visibone
- Дзіўныя сайты са шрыфтамі-стэкі, якія натхняюць-Натхненне Bit
- Поўнае кіраўніцтва па CSS шрыфта стэкі-Smashing Magazine
- CSS-шрыфт стэкі-Ніца тып вэб
