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


Пользователь месяца
BLIK BLIK 1-й за Февраль
Очков активности: 1228 0 тем, 63 сообщения, 13 баллов репутации
ТОП самых активных за этот месяц
  • Фотография Андрей WPMasterKZ
    #1

    Андрей WPMasterKZ (wpmaster.kz)
    Очков активности: 2065.5 Вне конкурса за определение пользователя месяца

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

    ShowPrint (ShowPrint.ru)
    Очков активности: 990 1 тема, 57 сообщений, 11 баллов репутации

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

    magnet (rbfxdirect.com)
    Очков активности: 462 Вне конкурса за определение пользователя месяца

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

    maxnik (konovalovpavel.ru)
    Очков активности: 351 2 темы, 72 сообщения, 3 балла репутации

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

    Megoydagi
    Очков активности: 342 8 тем, 52 сообщения, 3 балла репутации

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

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

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

    pozitron123
    Очков активности: 211.5 5 тем, 32 сообщения, 3 балла репутации

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

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

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

    WGN (worldgamenews.com)
    Очков активности: 150 0 тем, 50 сообщений, 2 балла репутации

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

    Yuliya1982
    Очков активности: 81 3 темы, 45 сообщений, 1 балл репутации

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


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

#1 axle_vega

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

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

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

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

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

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

 

 

  • 0

#2 axle_vega

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

Отправлено 10 January 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



Похожие темы

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

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