[Pro] Unicode IPA

Hi,

I have a need to enter/display unicode International Phonetic Alphabet glyphs on a web page. Some of the characters require multiple glyphs to properly form. Normally I achieve this with Unicode/Opentype in a font…but am looking for an easy way to implement on a web page. I’m hoping there’s an easier solution that creating a web font and publishing as a reference.

Thx,

Fred


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ve been able to use unicode characters in my css like this “\262D” but
there are also regular HTML versions like ☭ that you can insert as a
Markup item

Here is my main go-to source for Unicode - http://unicode-table.com/en/

Best of luck,


Ernie Simpson

On Wed, Aug 28, 2013 at 5:05 PM, Fred Jones email@hidden wrote:

Hi,

I have a need to enter/display unicode International Phonetic Alphabet
glyphs on a web page. Some of the characters require multiple glyphs to
properly form. Normally I achieve this with Unicode/Opentype in a
font…but am looking for an easy way to implement on a web page. I’m
hoping there’s an easier solution that creating a web font and publishing
as a reference.

Thx,

Fred


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

In Freeway, you can use the Character Viewer widget (pull down the “flag” menu in your main menu bar, if you have International alphabets enabled in your System) to insert any Unicode code-point you like. Freeway has been fully Unicode-aware since 3.5 or so. You type it or choose it from the palette, and either it will be converted to an escape sequence or the actual character as long as your page is set to Unicode output in the Page Inspector, output tab.

Walter

On Aug 28, 2013, at 5:25 PM, Ernie Simpson wrote:

I’ve been able to use unicode characters in my css like this “\262D” but
there are also regular HTML versions like ☭ that you can insert as a
Markup item

Here is my main go-to source for Unicode - http://unicode-table.com/en/

Best of luck,


Ernie Simpson

On Wed, Aug 28, 2013 at 5:05 PM, Fred Jones email@hidden wrote:

Hi,

I have a need to enter/display unicode International Phonetic Alphabet
glyphs on a web page. Some of the characters require multiple glyphs to
properly form. Normally I achieve this with Unicode/Opentype in a
font…but am looking for an easy way to implement on a web page. I’m
hoping there’s an easier solution that creating a web font and publishing
as a reference.

Thx,

Fred


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks all…I will test this evening. In the meantime, do you know if combining diacriticals will work properly? Examples include a ‘commaabovecmb’ or ‘caroncmb’ which are properly placed above the preceeding character (such as a K or W).

My attempts with CSS and webfonts doesn’t seem to work as expected as the combining diacritical appears alongside, instead of above, the preceeding glyph.

Thx,

Fred


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I wouldn’t try to do much of anything besides the ASCII characters in a Web font, not unless it was one of the super-premium H&F-J or similar. If you stick to Lucida Grande / Lucida Sans Unicode / Lucida Sans as a sans-serif, and Times New Roman or maybe Georgia as a serif, you will get all the Unicode love you could ever need. When you use a Web font, you are stuck with only the characters in that font. When you use a system font, you get all the combining diacriticals – even if the font has to look outside itself into a “symbol” font to complete the gaps in its own set of code-points.

Walter

On Aug 28, 2013, at 7:07 PM, Fred Jones wrote:

Thanks all…I will test this evening. In the meantime, do you know if combining diacriticals will work properly? Examples include a ‘commaabovecmb’ or ‘caroncmb’ which are properly placed above the preceeding character (such as a K or W).

My attempts with CSS and webfonts doesn’t seem to work as expected as the combining diacritical appears alongside, instead of above, the preceeding glyph.

Thx,

Fred


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I entered text using Helvetica Neue. Although the display during entry didn’t show the characters properly formed (combining diacriticals were to the right), when rendered in a browser the characters were properly formed with Safari and Firefox. However, IE had problems with some multi-glyph characters.

Questions:

  1. Any way to help IE to better display Unicode?
  2. In a previous post I was advised to use Lucida or Georgia. Georgia didn’t display as well as Helvetica, and I don’t see Lucida in the font list…suggestions?

Thx…getting closer to success!

Fred


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

You can make new font sets any time you like. Edit / Font Sets and add the one you want. Choose Lucida Grande from your Mac’s font menu. That will fill in both the screen display font and the first font name in the cascade. Then add the rest of the names after that, separated by commas. The entire cascade for Lucida looks like this:

"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Lucida, sans-serif

Note that any multi-word font names must be enclosed with quotes.

Once you create that font set, you can choose it anywhere. Pro tip – create the font set while no documents are open, and it will become part of your copy of Freeway’s default font sets. This means it will be available in future new documents, as well as any existing documents you open after you make that addition.

Walter

On Aug 29, 2013, at 11:13 PM, Fred Jones wrote:

I entered text using Helvetica Neue. Although the display during entry didn’t show the characters properly formed (combining diacriticals were to the right), when rendered in a browser the characters were properly formed with Safari and Firefox. However, IE had problems with some multi-glyph characters.

Questions:

  1. Any way to help IE to better display Unicode?
  2. In a previous post I was advised to use Lucida or Georgia. Georgia didn’t display as well as Helvetica, and I don’t see Lucida in the font list…suggestions?

Thx…getting closer to success!

Fred


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options