[Heidel]

[ok]

Вопрос по шрифту AceBinghamSH.

Если скачать этот шрифт и добавить его в шрифты системы, то надпись в фотошопе, сделанная эти шрифтом, будет отображаться как нужно, а текст в ворде преобразуется в квадратики.

Если подключить этот шрифт к стилям сверстанной html страницы, то если шрифт внесен в шрифты системы, то в хроме и ие7,8,9 он будет отображаться, а в опере и фф - нет, если этого шрифта нет в шрифтах системы, то он не будет отображаться ни в одном браузере.

Везде по ссылкам, где можно скачать этот шрифт, образцы отображаются в виде квадратиков, как например здесь http://www.fontpalace.com/font-download/AceBinghamSH/ .

Мне нужно подключить этот шрифт к верстке, но у меня не получается. Не могу разобраться, он, что ли, уже не рабочий или в чем дело?

Comments

[2(che)n]

Любой шрифт можно подключить.

Сначала нужен файл шрифта (берите тот что с фотошопом работает).

Теперь идем по ссылке и конвертируем ваш шрифт в ttf (даже если он итак в ttf)

Далее по ссылке загружаем сконвертированный шрифт и получаем на выходе архив со всем необходимым (какие делать настройки можно прочитать в соответствующей статье на htmlbook.ru)

[Heidel]

я знаю, как подключать шрифт, но в этом случае у меня не получается.

я скачиваю шрифт отсюда http://www.azfonts.ru/load_font/acebinghamsh.html

конвертирую через этот генератор http://www.fontsquirrel.com/fontface/generator

подключаю таким образом

@font-face {
    font-family: "acebinghamsh";
    src: url('../fonts/acebinghamsh-webfont.eot');
    src: url('../fonts/acebinghamsh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/acebinghamsh-webfont.woff') format('woff'),
         url('../index5/fonts/acebinghamsh-webfont.ttf') format('truetype'),
         url('../index5/fonts/acebinghamsh-webfont.svg#acebinghamsh') format('svg');
    font-weight: normal;
    font-style: normal;
}

в этом случае, если шрифт добавлен в системные шрифты, в хроме и ие он будет отображаться, в опере и фф - нет, если этого шрифта нет в шрифтах системы, то он не будет отображаться ни в одном браузере.

то же самое - если конвертировать шрифт через другие генераторы.

вот код html+css http://jsfiddle.net/bgeK4/1/

я тут не могу понять, почему он не подключается.

[--==SS==--]

Heidel, посмотрел, там какая-то хитрая проблема то ли с самим шрифтом, то ли со шрифтобелкой. По какой-то причине генератор считает, что эти символы находятся в конце таблицы Юникода. Что с этим делать — пока не знаю, но для доказательства, что всё работает, просто не правильно — выберите режим expert и поставьте no subsetting (тем самым отключив фильтрацию предположительно ненужных нам символов). На страничке с примером будут видны все эти символы, в т.ч. в Опере.
Короче, всё отлично подключается и даже работает. Браузеры, html и css точно ни при чём.

[Heidel]

--==SS==--, а есть какой-нибудь способ всё-таки подключить этот шрифт? не хочется меню картинками делать(

[--==SS==--]

Heidel, так он подключается, как я уже сказал. Вы даже использовать его можете, если замените обычные символы на юникодовые кодпоинты, которым они назначились при конвертации.
Но вообще я предлагаю взять какой-нибудь редактор шрифтов (есть бесплатные) и разобраться самостоятельно, что там не так. ^_^

[Heidel]

--==SS==--, подключить хочется так чтобы он работал, а если он подключен, но не работает - толку-то
а что делает этот редактор шрифтов, для чего он? чем он может мне помочь в моем случае?

[--==SS==--]

Heidel, я думаю, что поможет разобраться в проблеме. ) Проблема заключается в том, что при конвертации символы вместо кодов, соответствующих латинским буквам и цифрам (U+00xx) получают коды в области Private Use (U+E000...U+F8FF).

[Heidel]

--==SS==--, в этом редакторе можно будет переопределить коды символов вручную?

[--==SS==--]

Heidel, я надеюсь на это. ) Если не в этом, то в каком-нибудь другом наверняка. ) Возможно даже, что коды правильные и поможет простое пересохранение файла. Просто это надо попробовать сделать, а мне сейчас лень. ^_^

[Heidel]

--==SS==--, а вы не могли бы объяснить
при загрузке шрифта в этот редактор появляется такая панель

мне надо заменить коды символов в соответствии с кодами базовой латиницы ? то есть
Н - 0048
I - 0049
и тд. так?

[--==SS==--]

Heidel, да, именно так.

[Heidel]

--==SS==--, а изменение значения юникода символов шрифта - такое вообще возможно? вы такое делали?
а то в этом редакторе я пока не могу найти как это сделать, но интересует в целом - это в принципе осуществимо? )

[--==SS==--]

Heidel, в принципе осуществимо, конечно. Это просто число, которое назначено символу. Я так понимаю, что здесь это кнопки Map и Unmap. Выделяете символ и вперёд.

[Heidel]

--==SS==--, ога, вот только что методом активного тыкания вроде получилось найти

а там в конце списка символов идут всякие разные непонятные значки вроде таких


их надо менять? и если надо, то на что?

[--==SS==--]

Heidel, это по желанию. fi и fl это две лигатуры, которые по идее должны подставляться на место этих сочетаний букв, т.к., с точки зрения авторов шрифта, если просто взять и соединить стандартные f и i или l из набора, то будет некрасиво. ) Я честно скажу, что не знаю, как это там указывается. &) Гугл подсказывает, что в Юникоде это U+FB00 для fi и U+FB02 для fl, но будет ли это реально работать...
Что такое 117-й глиф — без понятия, ставьте куда хотите или удаляйте. Про остальные, думаю, понятно. )

105 U+00A8 ¨
106 U+2026 …
108 U+2013 –
109 U+2014 —
110 U+201C “
111 U+201D ”
112 U+2018 ‘
113 U+2019 ’
114 U+002F /

P.S. en.wikipedia.org/wiki/List_of_Unicode_character...

[2(che)n]

Вот я для кого писал... Сначала конвертируем шрифт, потом его в шрифтобелку суем. Впрочем какая мне разница. У меня все работает.

[--==SS==--]

2(che)n, да признайся уже, что сам не пробовал.

[2(che)n]

--==SS==--, белка капризна к файлам шрифтов. Неоднократно с этой проблемой сталкивался. Нужно предварительно конвертировать файл шрифта и белка его нормально сделает.

[Heidel]

2(che)n, конвертор по этой ссылке ссылке должен преобразовать юникоды к правильным?

[--==SS==--]

2(che)n, я всё прекрасно понимаю, но конкретно файл по ссылке Heidel после обработки по твоей ссылке ну... как бы это сказать... не изменяется ничуть.

[Heidel]

да, только что попробовала этот конвертатор - юникоды не поменялись.

--==SS==--, такой вопрос.
поменяла юникоды у нескольких символов, сохранила шрифт под другим именем, открыла в редакторе - юникоды тех символов, что менялись, перестали отображаться

(символы А и В)


я, собственно, понимаю, что это надо менять и пробовать, что там при последующей конвертации и подключении шрифтов к странице получится - но это вообще имеет смысл?

[--==SS==--]

Heidel, вообще смысл имеет. Другой вопрос — почему не сохранилось правильно. Этого я не знаю. До пересохранения они отображались в списке?

[Heidel]

--==SS==--, да, до пересохранения те коды, что были прописаны вручную, отображались вот в таком виде

[--==SS==--]

Heidel, в общем, я таки скачал себе редактор и разобрался. Сейчас напишу подробнее.

[--==SS==--]

Открываете шрифт. Там на панели инструментов крайняя справа кнопка — Mapping window mode. Выбираете тот режим, где будет показана кодировка Symbol Character Set. Выделяете (клик на первом элементе, shift + клик на последнем) весь список, жмёте Unmap. Снимаете также галочку с active, отключая кодировку. Теперь переключаетесь в режим Glyph list, делаете Map, вписывая правильные юникодные кодпоинты. Сохраняете. Всё.

[Heidel]

--==SS==--, большое вам спасибо, всё отлично получилось!