html5:输入字段使用@fontface，非系统字体。这有可能吗？

Question

快速问答:在html5和css3中，表单中输入字段是否可以使用非系统字体？因此，如果有人在表单字段中键入，文本可能是类似于gotham的内容？

Answer 1

这里没有什么特别的事情要做，只是像往常一样设置一个@font-face：

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

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

这对我在Chrome for OSX上很有效

Answer 2

是的，这是可能的。我只需要将@ 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;
}