Перейти к содержимому



Реализация онлайн-просмотра шрифтов. Нужна помощь!

#1 axle_vega
axle_vega
  • Неактивные
  • 2 сообщений
  • Репутация: 0
0

Отправлено 05 Январь 2014 - 18:15

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

Вот пример такого сервиса: http://ru.fontriver....mundsbury_serif (там есть вкладка Тест-драйв, в которой мы можем ввести любой текст и увидеть, как он выглядит с данным шрифтом).

Загуглил и ничего не нашел (

Подскажите, это просто скрипт или что-то более глобальное? можно ли поставить такой сервис на сайт бесплатно и т.д.?

 

 

  • 0

#2 axle_vega
axle_vega
    Topic Starter
  • Неактивные
  • 2 сообщений
  • Репутация: 0

Отправлено 10 Январь 2014 - 21:11

Я сделал следующее:
Нашел одну вещь, typeface называется. Что-то вроде cufon.
Все было хорошо, пока дело не дошло до изменения текста в поле.
Вот здесь результат работы: http://digmast.ru/new-fontz/new-giger
Всё классно, если не менять текст в поле :smile: А это главный момент в задаче.
Вот основной код:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/typeface-0.15.js"></script>
</head>
<body>
<script type="text/javascript">
function changeText2(){
var userInput = document.getElementById('userInput').value;
document.getElementById('boldStuff2').innerHTML = userInput;
}
</script>
<script type="text/javascript" src="js/a_avantetitulinline_regular.typeface.js"></script>
<script type="text/javascript">
function doClear(theText) { if (theText.value == theText.defaultValue) { theText.value = "" } }
function doDefault(theText) { if (theText.value == "") { theText.value = theText.defaultValue } }
</script>
<div>
	<div id="boldStuff2" class="typeface-js" style="font-family: a_AvanteTitulInline; font-size:60px">
		<p class="typeface-js" style="font-family: a_AvanteTitulInline; font-size:60px;" id="boldStuff2">Digmast</p>
	</div>
	<div>
		<form onsubmit="changeText2(); return false;">
			<input type="text" id="userInput" value="Введите текст" onFocus="doClear(this)" onBlur="doDefault(this)"/>
			<input type="submit" value="Проверить"/>
		</form>
	</div>
</div>
</body>
</html>

По итогу получается, что при submit class="typeface-js" не применяется к новому тексту, вместо этого выводит текст с простым шрифтом.
Как это исправить?
  • 0



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
BLIK BLIK 1-й за Ноябрь
Очков активности: 672 0 тем, 32 сообщения, 14 баллов репутации
ТОП самых активных за этот месяц
  • Фотография BLIK
    #1

    BLIK
    Очков активности: 63 Вне конкурса за определение пользователя месяца

  • Фотография Rodiola
    #2

    Rodiola (rukodelkovo.ru)
    Очков активности: 15 Вне конкурса за определение пользователя месяца

  • Фотография kolver
    #3

    kolver
    Очков активности: 15 1 тема, 7 сообщений, 1 балл репутации

  • Фотография Victim
    #4

    Victim
    Очков активности: 15 0 тем, 5 сообщений, 2 балла репутации

  • Фотография MattCutts
    #5

    MattCutts (dmitrylee.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография HITMAN84
    #6

    HITMAN84
    Очков активности: 7.5 1 тема, 2 сообщения, 1 балл репутации

  • Фотография iiccarus
    #7

    iiccarus
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография Vmir
    #8

    Vmir
    Очков активности: 6 0 тем, 2 сообщения, 2 балла репутации

  • Фотография TimurR
    #9

    TimurR
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Фотография morvad24
    #10

    morvad24
    Очков активности: 6 1 тема, 1 сообщение, 1 балл репутации

  • Показать весь ТОП 10
Поддержите форум! =)
Апдейты
  • Яндекс ИКС: 29.11.2019
  • Яндекс выдача: 04.12.2019
Топ 5 участников по репутации

Оформление форума – IPBSkins.ru