Fonts html5：输入字段使用@fontface，非系统字体。这可能吗

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

是的，这是可能的。我只需要从我应用它的网站上删除@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;
}

---

这里没有什么特别的事情，只需像平常一样设置一个

@font-face

：

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

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

这在Chrome for OSX上对我很有效