html5: поле ввода с использованием @fontface, несистемных шрифтов. Это возможно

Question

Быстрый вопрос, возможно ли в поле ввода формы использовать несистемный шрифт в html5 и css3? Так что, если кто-то печатает в поле формы, текст может быть чем-то вроде готэм?

Answer 1

Да, это возможно. Мне просто пришлось удалить шрифт @ font-face с сайта, на котором я его применил, иначе я бы дал ссылку на рабочий пример для вас.

Вот что у меня было для CSS:

@font-face {
    font-family: 'QuicksandBook';
    src: url('/media/fonts/Quicksand_Book.eot');
    src: local('Quicksand Book'), local('QuicksandBook-Regular'), url('/media/fonts/Quicksand_Book.ttf') format('truetype');
}

html, body,
input, textarea {
    font-family: QuicksandBook, Arial, sans-serif;
}

Answer 2

Здесь делать нечего, просто установите @font-face как обычно:

@font-face {
   font-family: "Delicious";
   src: url("Delicious-Bold.otf"); 
}

.myinput {
   font-family: "Delicious";
}  

Это работает для меня в Chrome для OSX