html5 : 입력 필드 @fontface, 비 시스템 글꼴을 사용합니다. 이게 가능합니까

Question

빠른 질문, 양식의 입력 필드에 html5 및 css3의 비 시스템 글꼴을 사용할 수 있습니까? 그래서 누군가가 양식 필드에 텍스트를 입력하면 고담과 같은 것이 될 수 있습니까?

Answer 1

아무것도 단지를 셋업 @font-face 정상적으로 : 여기

내가 비록 CSS에 대해서 가지고 있던 무슨이 OSX

를위한 크롬에 나를 위해 작동

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

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

Answer 2

예, 가능합니다. 나는 그것을 적용한 사이트에서 @ font-face 글꼴을 제거해야만했다. 그렇지 않으면 나는 당신을 위해 작동하는 예제로 링크 할 것이다. 여기에서 특별한

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