: Web font that supports some basic music symbols I am working on a web page that displays some music note names such as "B", "Bb" (B flat), or C# (C sharp). For a better readability I would

I am working on a web page that displays some music note names such as "B", "Bb" (B flat), or C# (C sharp). For a better readability I would prefer to display the correct flat and sharp symbols.

It seems that the standard sans-serif fonts such as Arial or Helvetica do not support these symbols, which leads me to the conclusion that I need to find a web font that looks similar to the widespread sans-serifs (Arial, Helvetica) and in addition has these two symbols.

Q1: Do you know of any such web font?

Q2: Or was I completely mistaken and the Arial and Helvetica actually do support musical notation symbols, and they happen to be in the same position for both of these fonts?

10.02% popularity Vote Up Vote Down

: When creating a vector file, how should I determine my vector file canvas size given the png sizes I need to export to? For example, if I need to export a 32x32 png and a 64x64 png, what

@Rivera951

Posted in: #Vector

4 Comments

: From the UX perspective: dont use saturated and bright red and blue together. Not the best for the users eyes when the screen has saturated bright colors from the opposite ends of the color

@Rivera951

0 Comments

: White border around png image after saving with IrfanView I created a simple circle drawing in Inkscape. Then I exported the drawing as png. When I resize the image in IrfanView and save

@Rivera951

Posted in: #Png #Transparency

1 Comments

: Creating a font for a new language Suppose somebody develops a new language, with totally new characters. And a font for the same has to be created. How does one do that?

@Rivera951

Posted in: #FontDesign

3 Comments

Login to post a comment!

2 Comments

Sorted by latest first Latest Oldest Best

@Kristi927

If using unicode characters, this will be available for a wide range of fonts.

Here you can see how to program these symbols in HTML as unicode, and how it is displayed here in the font used on this page:

♭ will show as: ♭

♮ will show as: ♮

♯ will show as: ♯

You can also copy the characters directly and paste them in as you like:

♭♮♯ will show as: ♭♮♯

10% popularity Vote Up Vote Down

@Berryessa866

I think you just have to know where to look.

There are at least three available as web fonts: Music Sheets, P22 Music and P22 Music Pro.

10% popularity Vote Up Vote Down

Feed

: Web font that supports some basic music symbols I am working on a web page that displays some music note names such as "B", "Bb" (B flat), or C# (C sharp). For a better readability I would

More posts by @Rivera951

: When creating a vector file, how should I determine my vector file canvas size given the png sizes I need to export to? For example, if I need to export a 32x32 png and a 64x64 png, what

: From the UX perspective: dont use saturated and bright red and blue together. Not the best for the users eyes when the screen has saturated bright colors from the opposite ends of the color

: White border around png image after saving with IrfanView I created a simple circle drawing in Inkscape. Then I exported the drawing as png. When I resize the image in IrfanView and save

: Creating a font for a new language Suppose somebody develops a new language, with totally new characters. And a font for the same has to be created. How does one do that?

Login to post a comment!

2 Comments

Back to top | Use Dark Theme