Безопасная веб-альтернатива шрифту Myriad Pro?


61

Есть ли в моем стеке шрифтов какие-либо шрифты, которые более или менее похожи на Myriad Pro и безопасны для Интернета ?


5
Под «безопасным веб-интерфейсом» подразумевается лицензия / стоимость (например, бесплатный и открытый исходный код, поэтому его можно использовать в Интернете без дополнительного лицензирования), или вы имеете в виду, что он оптимизирован для веб-сайтов (поставляется с версиями TTF и WOFF) и правило @ font-face) или вы имеете в виду, что оно уже установлено на компьютерах / устройствах большинства людей, что делает его "безопасным" для использования на веб-страницах?
Томасруттер

Ответы:


39

Возможно, вы сможете найти что-то подобное в каталоге Google Fonts . Все, что вам нужно сделать, это включить их ссылку в заголовок вашей HTML-страницы, и вы можете использовать шрифты в вашем CSS.

PT Sans довольно похож (по сравнению с остальной частью списка)


2
-1 Я думаю, что большинство шрифтов Google не очень хороший материал шрифтов, им не хватает многих глифов и весов.
Littlemad

7
Конечно, не хватает весов, но есть много профессиональных шрифтов, которые также имеют несколько весов. Что касается глифов, пожалуйста, посмотрите на шрифты, у них есть шесть алфавитов, по которым вы можете фильтровать (два из которых имеют дополнительные глифы), Я думаю, что вы совершенно не правы. Плюс найди мне лучший бесплатный сервис.
dkuntz2

Хорошая находка, но буква PT "Q" довольно громкая.
Джоналлард

Также учтите, что более 90% трафика в социальных сетях в настоящее время осуществляется с помощью мобильных устройств (включая обязательные входящие ссылки на веб-сайты), а 55% трафика - с мобильных устройств. С точки зрения веб-сайтов, это должно быть меньше об эстетике и больше о том, какой шрифт наиболее эффективно представляет ваше общение в адаптивном дизайне, то есть он недостаточно хорош, чтобы хорошо работать на 27-дюймовом экране iMac. Как насчет 4-дюймового 3-летнего мобильного телефона? телефон? Это реальный мир, и мне кажется, что бесплатный сервис, такой как Google Fonts, не представляет для меня ничего особенного. И время - коммерческие деньги - сколько вы потратите на тестирование шрифта?
Applefanboy

20

Согласно Википедии, Myriad Pro поставляется с Adobe Reader, а не с Windows.

А быстрый поиск в Google показывает, что вы можете использовать его в Интернете с помощью Typekit (с подпиской на $ 24,99 / год): http://typekit.com/fonts/myriad-pro


Я пошел в ampersandconf и обнаружил больше сервисов около +1 Лучший сервис для меня (другие альтернативы - fontdeck, webtype, myfonts, hoefler & frere-jones и fontfont)
Littlemad

@Littlemad, вы знаете, что у H & FJ нет службы веб-шрифтов, верно?
dkuntz2

Я был на Ampersandconf 2011.ampersandconf.com, где Джонатан Хофлер заявил, что работает над размещением в сети своих шрифтов. typography.com/ask/faq.php?faqID=126#Faq_126 Я искренне удивлен, что они ничего еще не опубликовали после всех этих месяцев.
Littlemad

17

Если ваш сайт ориентирован на дизайнерскую аудиторию, на многих из них будет установлен Adobe Suite (не спрашивайте, каким образом). Kottke.org использует его без встраивания css, и это правило его семейства шрифтов:

font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;


Хотя это всего лишь стек, он достаточно хорош для этого случая.
dkuntz2

2
Где вы взяли эти названия шрифтов? Adobe должна быть единственной литейной компанией, производящей Myriad, и они выпустили ее только как «Myriad», «Myriad Pro» (OpenType) и «Myriad Web Pro». Другие версии, на которые вы ссылаетесь, не являются стандартными. Они могут быть созданы, если кто-то запускает копию шрифта Adobe через редактор шрифтов или конвертер шрифтов, но это невероятно маловероятный сценарий.
Lèse Majesté

9

Бесплатный шрифт, очень и очень близкий: Vegur

Поддержка символов не самая лучшая, но если она предназначена только для заголовков и действительно должна быть Myriad, то дополнительные усилия @ font-face-ing могут стоить того.


1
«Веб-сейф» означает, что он должен быть доступен в клиентском браузере без необходимости его установки. Неважно, если это бесплатно - вам все равно нужно скачать и установить его на свой компьютер, чтобы увидеть его на веб-странице, которая его использует. Verdanaвполне безопасно, потому что он установлен по умолчанию во многих системах. Arialеще более распространен. В качестве последнего отступления, используйте sans serif, которое является стандартным именем для этого стиля шрифта, и все браузеры автоматически переведут его на аналогичный установленный шрифт.
Aᵂᴱ

2
Vegur находится в свободном доступе, поэтому вы всегда можете подготовить веб-шрифт и разместить его на своем сервере. Таким образом, вы можете сделать его доступным в большинстве браузеров без необходимости установки пользователем (я имею в виду, в IE, даже в более старых версиях, Opera, Safari, Chrome, Firefox и, возможно, еще немного).
Скали

6

У вас есть различные варианты:

  • Однажды в будущем вы можете использовать @ font-face для загрузки любого шрифта, который вы хотите (какая лицензия бесплатна для распространения).

  • Если вы используете его только для заголовков, вы можете использовать технику SIFR , использующую вспышку, или простую технику замены изображений

  • Или вы можете использовать, как уже предлагали серверы оплаты хостинга для шрифта Typekit .


4

Vegur имеет комплект @ font-face (а также Cufon) по адресу http://www.cufonfonts.com/en/font/12046/vegur . Поддержка браузера дошла до того, что большинство людей смогут видеть шрифт, используемый через @ font-face, даже если у них не установлен шрифт, если шрифт размещен на сервере.


4

У меня был тот же вопрос, я остановился на CartoGothic-Std после прочтения следующей статьи:

http://www.onextrapixel.com/2011/06/29/10-awesome-alternative-free-web-fonts/

Ссылка для скачивания шрифта:

http://www.fontsquirrel.com/fonts/CartoGothic-Std


2
Carto - это беззастенчивый грабеж Frutiger. Так как Myriad также в основном отрывает от Frutiger (меньше, чем от Carto), это ваш матч.
штатском

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

Frutiger и Univers - это удивительные работы, за которые Адриан Фрутигер имеет огромный долг перед индустрией дизайна :)
штатское

3

Когда я не могу использовать Myriad Pro (который является нашим корпоративным стандартом для заголовков, заголовков и т. Д.), Я обычно использую Verdana. У меня никогда не было проблем с тем, что он недоступен.


Frutiger и Trebuchet также неплохо подходят друг другу, Lucida Grande чуть меньше, но тоже похожи.
Lèse Majesté

3

В моей установке Windows 7 (с установленным MS Office 2010) у меня есть эти шрифты, которые наиболее близки: Lucida Sans , Segoe UI , Calibri , а затем универсальный шрифт без засечек в качестве последнего отступления.

CSS для этого будет:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;

1
Arial - это неогротеский шрифт, такой как Helvetica и Univers или Akzidenz-Grotesk. Это не хорошая замена для Myriad, который является гуманистическим шрифтом. Для операционных систем Windows лучшей альтернативой Myriad, кроме Verdana, будет Frutiger или Trebuchet. Точно так же "без засечек" не является именем фактического семейства шрифтов. В OS X Helvetica будет использоваться в качестве «без засечек», а в Windows это обычно будет Arial. В Ubuntu он будет отображаться в Ubuntu, который является гуманистическим шрифтом без засечек, но я не знаю, что он отображает в других ОС.
Lèse Majesté

@ Lèsemajesté: я согласен, что Verdana и Arial, возможно, не лучший выбор. Я изменил свой ответ, чтобы предложить несколько лучших альтернатив. Когда дело доходит до «без засечек», это один из пяти универсальных шрифтов, которые являются единственными действительно «безопасными для сети», потому что они определены в веб-стандартах, и браузер пытается найти наиболее подходящее. Смотрите w3.org для примера использования общих шрифтов CSS.
Aᵂᴱ


2

Source Sans Pro - отличная альтернатива.

Это доступно через Google Fonts: http://www.google.com/fonts/specimen/Source+Sans+Pro

Очень похоже на Myriad Pro, большая семья. Создано Adobe (которая также является автором Myriad Pro) в качестве своего первого семейства открытого типа для текста.


1

Я перепробовал все предложенные выше шрифты и до сих пор не думаю, что какой-либо из них соответствует Myriad Pro, как Trebuchet MS. Дайте это попробовать. Как правило, он немного тоньше / менее жирным, чем Myriad, но я нахожу, что могу подобрать его довольно близко после того, как поэкспериментирую со свойствами шрифта.


0

Если вы хотите использовать, @font-faceя всегда смотрю на шрифт белка . Вы можете загрузить шрифты, и они создадут набор для вашего сайта с включенным css.



-1

Всем людям, которые планируют использовать Google Font Directory (он крут, я тоже иногда его использую). Имейте в виду, что некоторые шрифты значительно увеличивают вес / время загрузки ваших страниц. В случае упомянутого семейства PT Sans это «Добавленный вес страницы: 224 КБ сжатых». Проверьте это здесь: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin


Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.