Question

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

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 for OSX

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

2 个答案: