2009-05-13 42 views
20

Làm cách nào để tạo văn bản có cùng phông chữ với mọi thứ khác trên trang web?Tính nhất quán của phông chữ trong văn bản

Hiện nay tôi có mã của tôi:

test.html:

<html> 
     <head> 
     <link rel="stylesheet" href="test.css"> 
     </head> 
    <body> 
     <div id="testarea"> 
      <textarea></textarea> 
     </div> 
    </body> 
    </html> 

test.css:

body { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;} 
    #testarea textarea { width: 30em;height: 7em;font: inherit;} 

Font thừa hưởng trong Mozilla, nhưng IE7 giữ Courier bên trong textarea.

UPD: Rõ ràng inherit không hoạt động trong IE cho văn bản, vì vậy tôi sẽ đi với phương pháp của AlbertoPL.

+0

Lạ lùng rằng Mozilla "hoạt động" khi tôi tìm kiếm lỗi này khi không (FF 4). My 'body' có tuyên bố phông chữ, nhưng' textarea' đã chuyển phát nhanh. Chỉ định việc xử lý phông chữ của tôi là 'body, textarea {...' đã hoạt động tốt. – Stephen

+0

... thậm chí tốt hơn, tôi thực sự đọc câu hỏi và đặt 'textarea {font: inherit}' cũng hoạt động tốt;). – Stephen

Trả lời

25

Chỉ cần tạo phần tử văn bản và xác định phần tử phông chữ của bạn ở đó.

textarea { font: 100%/120% Verdana, Arial, Helvetica, sans-serif;} 

bạn có thể di chuyển nó ra khỏi phần tử cơ thể.

Bạn sẽ phải xác định phông chữ hai lần (một lần trong cơ thể và một lần trong vùng văn bản) nếu bạn không muốn sử dụng *.

+0

Đó là công việc, nhưng có vẻ như một số tiền hợp lý của chi phí liên quan trong việc áp dụng một phong cách cho tất cả mọi thứ thông qua * – da5id

+0

Xác định font hai lần cũng chắc chắn sẽ làm việc, nhưng tại sao sẽ không font: kế thừa công việc? Như tôi đã nói, tôi không thể thử nghiệm, nhưng tôi chắc chắn 99% đó không phải là những gì tôi đã làm ... – da5id

+0

Tôi sẽ đoán rằng IE7 chỉ đơn giản là không kế thừa chính xác, đó là một sự xấu hổ. – AlbertoPL

Các vấn đề liên quan