Веб-шрифт, поддерживающий некоторые основные музыкальные символы

Я работаю над веб-страницей, на которой отображаются названия некоторых музыкальных нот, такие как «B», «Bb» (си-бемоль) или C # (до-диез). Для лучшей читаемости я бы предпочел отображать правильные плоские и четкие символы.

Похоже, что стандартные шрифты без засечек, такие как Arial или Helvetica, не поддерживают эти символы, что приводит меня к выводу, что мне нужно найти веб-шрифт, похожий на широко распространенные шрифты без засечек (Arial, Helvetica) и в В сложении есть эти два символа.

Q1: Вы знаете какой-нибудь такой веб-шрифт?

Q2: Или я полностью ошибся, и Arial и Helvetica действительно поддерживают символы нотной записи, и они оказались в одном и том же положении для обоих этих шрифтов?


fonts webfonts
person chiccodoro    schedule 18.04.2012    source источник
comment
Ascii 225 - это ß, но для резкости, боюсь, вам придется использовать классический #   -  person jazzytomato    schedule 18.04.2012
comment
Тому, кто проголосовал за закрытие: я сначала разместил это на UX, и они посчитали это оффтопом и посоветовали мне опубликовать здесь.   -  person chiccodoro    schedule 18.04.2012
comment
fileformat.info/info/unicode/char/266f/fontsupport.htm и fileformat.info/info/unicode/char/266d/ fontsupport.htm может помочь?   -  person Wooble    schedule 18.04.2012
comment
Кроме того, я не уверен, почему люди в UX думают, что предложения шрифтов - это вопрос программирования, но я думаю, что они, вероятно, ошибаются.   -  person Wooble    schedule 18.04.2012
comment
Как я уже говорил о UX, там это не по теме. Однако я никогда не говорил, что это было по теме здесь.   -  person Charles Boyung    schedule 18.04.2012
comment
@ThomasHaratyk - Вообще-то, 223-й и есть этот персонаж. Однако в любом случае это не то же самое, что плоский персонаж.   -  person Charles Boyung    schedule 18.04.2012
comment
Мой вопрос UX был перенесен на графический дизайн: graphicdesign.stackexchange.com/questions/7058/ и вроде бы там принимается :-) Я проголосовал за закрытие этого вопроса здесь.   -  person chiccodoro    schedule 19.04.2012

Ответы (3)


arrow_upward
1
arrow_downward

Помимо использования CSS3, позволяющего программисту безопасно использовать пользовательские шрифты, вы можете просто использовать надстрочный или подстрочный индекс «b» или «#». Люди, скорее всего, поймут вашу точку зрения.

person James    schedule 18.04.2012

arrow_upward
0
arrow_downward

https://graphicdesign.stackexchange.com/questions/7058/web-font-that-supports-some-basic-music-symbols

Вероятно, это вопрос UX, потому что такие веб-шрифты будут недоступны. Если вам не нравится b или #, вы можете использовать изображения в строке с альтернативным текстом типа «плоский» или «резкий», чтобы программы чтения с экрана справились.

Если вы просто используете случайный символ из музыкального веб-шрифта (скажем, плоский находится в позиции, где обычно M), программы чтения с экрана могут читать A-flat как AM - либо как слово am или две буквы AM - что нехорошо. То же самое касается использования Ab или C #: программы чтения с экрана не обязательно будут читать, что требует контекст.

person Andrew Leach    schedule 19.04.2012
comment
Спасибо, Эндрю. Ваш ответ частично полезен: мне нравится идея с изображениями. Что касается веб-шрифта, вы, вероятно, меня не так поняли. Я проголосовал за закрытие этого вопроса и ответил на графический дизайн. - person chiccodoro; 19.04.2012

arrow_upward
0
arrow_downward

Что касается Q1, шрифт, который IMO показывает адекватные плоские и четкие символы, - это Arial Unicode MS: Плоские острые символы

Он также используется на этом веб-сайте: https://en.wikipedia.org/wiki/Chord_names_and_symbols_(popular_music)

К сожалению, этот шрифт имеет размер 22 МБ, что немного больше для этих символов.

person bio    schedule 19.04.2019