TYPEFACE.JS Выбор разных шрифтов - PullRequest
0 голосов
/ 02 октября 2011

Я пытаюсь создать форму предварительного просмотра шрифта, как на dafont.com или похожем веб-сайте, используя typeface.js.

У меня проблемы с получением typeface.js для отображения шрифта для чего угодно, кроме тега заголовка. Кроме того, как я могу выбрать, какой шрифт использовать из выпадающего списка?

Большое спасибо!

1 Ответ

0 голосов
/ 02 октября 2011

Вы прочитали документацию?

Вы конвертировали свои шрифты для использования с гарнитурой?

С веб-сайта гарнитуры:

По умолчанию typeface.jsбудет отображать текст для элементов заголовка (h1, h2 и т. д.) , когда стили этих элементов ссылаются на шрифты typeface.js.

Помните, что стили заголовков по умолчанию выделены жирным шрифтом, поэтому вам нужно либо добавить font-weight: normal для ваших стилей заголовков, либо загрузить жирную версию шрифта, если это то, что вам нужно.

Любой другой элемент HTML, ссылающийся на шрифт typeface.js, должен иметь typeface-js в своем списке имен классов. Если у вас есть элемент, который уже имеет имя класса, например,Вы можете просто добавить другое имя класса, сказав.

Вам нужно будет загрузить внешние таблицы стилей перед загрузкой typeface.js.В противном случае Firefox 3, возможно, не применил стили, когда typeface.js пытается нарисовать текст.

К сожалению, указание свойства font-stretch будет работать только со встроенным CSS, а не из любой таблицы стилей.

В некоторых случаях в IE7 вы можете увидеть задержку в пару миллисекунд, прежде чем браузер отобразит текст typeface.js после отображения страницы, создав эффект «мерцания».Один из способов обойти это - вручную вызвать _typeface_js.initialize () непосредственно перед закрывающим тегом.


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

...