Веб-безпечна альтернатива Myriad Pro Font?

61

Чи існують шрифти, які я можу використовувати в своєму стеці шрифтів, які більш-менш схожі на Myriad Pro та веб-безпеку ?

website-design  font-recommendation  web-safe 
— Атіф Мухаммед Амеенуддін
джерело
5
Під "веб-безпекою" ви маєте на увазі ліцензію / вартість (як, наприклад, безкоштовний та відкритий код, тому можна використовувати в Інтернеті без додаткового ліцензування), чи ви маєте на увазі, що він оптимізований для Інтернету (постачається з версіями TTF та WOFF і @ font-face правило) чи ти маєш на увазі, що він уже встановлений на більшості людей / комп'ютерах, що робить його "безпечним" для використання на веб-сторінках?
— thomasrutter

Відповіді:

39

Можливо, ви зможете знайти щось подібне в каталозі шрифтів Google . Все, що вам потрібно зробити, це включити їх посилання в голову сторінки html, і ви можете використовувати шрифти у своєму CSS.

PT Sans досить схожий (порівняно з рештою списку)

— dkuntz2
джерело
2
-1 Я думаю, що більшість шрифтів google насправді не є гарним матеріалом шрифтів, їм не вистачає багатьох гліфів і не мають ваги.
— Littlemad
7
Немає ваги, звичайно, але є багато професійних шрифтів, які також мають невелику вагу, як і для гліфів, будь ласка, подивіться на шрифти, у них є шість алфавітів, за якими можна відфільтрувати (два з яких мають зайві гліфи), Я думаю, ти не прав. Плюс знайдіть мені кращий безкоштовний сервіс.
— dkuntz2
Хороша знахідка, але лист "Q" PT досить гучний.
— jonallard
Врахуйте також, що 90 +% трафіку в соціальних мережах зараз здійснюється через мобільний телефон (включаючи обов'язкові вхідні веб-сайти) та що 55 +% трафіку веб-сайту є мобільним. Що стосується веб-сайтів, то потрібно менше говорити про естетичність та більше про те, який шрифт найбільш ефективно відображає вашу комунікацію в адаптивному дизайні, тобто її недостатньо добре, щоб вона добре працювала на 27-дюймовому екрані iMac. Що стосується 4-дюймового 3-річного мобільного телефону телефон? Це справжній світ, і безкоштовний сервіс, як Google Fonts, не є для мене
— розумом
20

Згідно з Вікіпедією Myriad Pro постачається з Adobe Reader, а не з Windows.

Швидкий пошук Google показує, що ви можете використовувати його в Інтернеті за допомогою Typekit (з підпискою $ 24,99 / рік): http://typekit.com/fonts/myriad-pro

— Нір
джерело
Я пішов до ampersandconf і виявив більше послуг навколо +1 Найкраще обслуговування навколо мене (інші альтернативи Fontdeck, webtype, MyFonts, Hoefler і Фрер-Джонс, і 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, можливо, того варті.

— sebastian_k
джерело
1
"Веб-безпечний" означає, що він повинен бути доступний у веб-переглядачі клієнта, не встановлюючи його. Неважливо, безкоштовно це - вам все одно доведеться завантажити та встановити його на свій комп’ютер, щоб побачити його на веб-сторінці, яка ним користується. Verdanaцілком безпечний, оскільки він встановлений за замовчуванням, встановлений у багатьох системах. Arialще частіше зустрічається. Як останнє резервне використання, використовуйте sans serif, що є стандартною назвою для цього стилю шрифту, і всі браузери автоматично перекладуть його на подібний встановлений шрифт.
— Aᵂᴱ
2
Vegur знаходиться в Public Domain, тому ви завжди можете підготувати веб-шрифт та розмістити його на своєму сервері. Таким чином ви можете зробити його доступним у більшості браузерів без необхідності інсталяції, що підтримується користувачем (я маю на увазі на IE, навіть старіші версії, Opera, Safari, Chrome, Firefox і, мабуть, ще кілька).
— skalee
6

У вас є різні варіанти:

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

  • Якщо ви використовуєте його лише для заголовків, ви можете використовувати техніку SIFR , яка використовує спалах, або просту техніку заміни зображення

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

— Littlemad
джерело
4

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

— NDeLeon
джерело
4

У мене було те саме питання, я влаштувався в CartoGothic-Std, прочитавши наступну статтю:

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

Посилання для завантаження шрифту:

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

— А. Перес Сера
джерело
2
Карто - це невдалий зрив фруктів. Оскільки Myriad здебільшого зриває і Frutiger (менше, ніж Carto), це ваш збіг.
— цивільний одяг
Не мав уявлення про те, що це було, і не можу нічого сперечатися, окрім визнати відношення. Однак приємно знайти подібні безкоштовні альтернативи платним шрифтам. Однак я з часом придбаю і Frutiger, і Myriad. Я не працюю над дизайном, але це обов'язкові шрифти.
— A. Perez Cera
Frutiger і Univers - це дивовижні роботи, за які Адріану Фрутігер заборгувала величезна заборгованість дизайнерської галузі :)
— цивільний одяг
3

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

— Стейбоб
джерело
Frutiger і Trebuchet - це також хороший матч, Лусіда Гранде трохи менше, але також схожа.
— 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;
— Aᵂᴱ
джерело
1
Arial - неогротеський шрифт, як Helvetica and Univers або Akzidenz-Grotesk. Це не є гарною заміною Myriad, який є гуманістичним шрифтом. Для ОС Windows кращою заміною для Myriad, крім Verdana, буде Frutiger або Trebuchet. Так само "sans serif" - це не ім'я фактичного сімейства шрифтів. В OS X Helvetica буде використовуватися як "sans serif", а в Windows - це зазвичай Arial. У Ubuntu він відобразить карту Ubuntu, що є гуманістичним шрифтом sans serif, але я не знаю, на що він відображається в інших ОС.
— Lèse majesté
@ Lèsemajesté: Я погоджуюся, що Вердана та Аріал можуть бути не найкращим вибором. Я змінив свою відповідь, щоб запропонувати кілька кращих альтернатив. Що стосується "sans serif", то це один із п’яти загальних шрифтів, які є єдиними по-справжньому "безпечними для Інтернету", оскільки вони визначені у веб-стандартах, і браузер намагається знайти найкраще відповідність. Дивіться, наприклад, w3.org використання в загальних шрифтах CSS.
— Aᵂᴱ
2

Джерело Sans Pro - чудова альтернатива.

Доступний через шрифти Google: http://www.google.com/fonts/specimen/Source+Sans+Pro

Дуже схожий на Myriad Pro, велику родину. Автор автор Adobe (який також є автором Myriad Pro) як його перше сімейство типів відкритого тексту для тексту.

— UX Матвій
джерело
1

Я спробував усі запропоновані вище шрифти, і я все ще не думаю, що жоден з них відповідає Myriad Pro, як це робить Trebuchet MS. Спробуйте. Це, як правило, трохи худіше / менш сміливе, ніж Міріад, але я вважаю, що я можу отримати його досить близько після того, як возитися з властивостями шрифту.

— Дейв Ш
джерело
0

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

— Данферт
джерело
-1

Для всіх людей, які планують використовувати Каталог шрифтів Google (він гойдається, я теж іноді використовую його). Пам’ятайте, що деякі шрифти додають вашій вазі / час завантаження ваших сторінок. У випадку згаданої родини 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.