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 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; 
}