Buộc văn bản HTML phải sử dụng phông chữ đơn cách bằng cách sử dụng CSS

Question

Làm cách nào để làm cho vùng văn bản của tôi sử dụng phông chữ đơn cách?

Answer 1

Nếu tôi hiểu đúng, nó đã nên kế thừa phong cách user-agent mặc định, nhưng nếu bạn muốn một cách rõ ràng, chỉ cần chỉ định một font-family (phong cách jacked từ Stackoverflow stylesheet)

textarea { 
    font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; 
} 

Xác định các họ phông chữ cụ thể hơn (monospace-specific) đầu tiên, và nếu tác nhân người dùng không có sẵn nó sẽ tiếp tục cố gắng cho đến cuối, trong trường hợp đó nó sẽ mặc định là họ phông chữ đại lý người dùng mặc định cho phần tử đó, nếu có đã được chỉ định.

Answer 2

Chỉ cần sử dụng phông chữ đơn cách. Ví dụ cho một cái gì đó như:

<textarea id="mytextarea"></textarea> 

css sẽ là:

#mytextarea { 
    font-family: monospace; 
} 

Nếu bạn muốn sử dụng một phông chữ monospace cụ thể, bạn có thể nhưng đừng quên thêm các chung 'monospace' ở kết thúc trong trường hợp người dùng không có phông chữ ưa thích của bạn cài đặt:

#mytextarea { 
    font-family: 'DejaVu Sans Mono', monospace; 
} 

Answer 3

bạn cũng có thể sử dụng các tiêu chuẩn chung font-family: monospace, nhưng phải cẩn thận - có một số nghiêm trọng các hiệu ứng phụ (đáng buồn) trong Chrome, Safari và mọi thứ dựa trên WebKit.

xem:

• http://webkit.org/blog/67/strange-medium/
• http://archivist.incutio.com/viewlist/css-discuss/103606

Answer 4

textarea 
{ 
font-family: monospace; 
} 

Bạn có thể cần thêm một quan trọng nếu không làm việc

textarea 
{ 
font-family: monospace !important; 
}