2012-02-26 40 views
10

Cách "kiểu" mới của tạm thời tăng kích thước phông chữ là gì và sau đó trở lại bình thường (không sử dụng CSS hoặc CSS là cách tốt hơn?).Thẻ kiểu HTML tương đương với "cỡ chữ + 2"

Tôi muốn chèn một từ tiếng Do Thái vào văn bản của tôi và đối với người mới bắt đầu, phông chữ Hebrew chỉ quá nhỏ. Tôi luôn muốn nó lớn hơn kích thước phông chữ hiện tại, không được cố định với một số kích thước cụ thể.

Dòng 1 bên dưới hoạt động (cách làm cũ). Sửa lỗi cho dòng 2 là gì?

This is normal. <font size="+2">bigger</font> back to norm. 
<span style='{FONT-SIZE: +2}'> and also bigger</span>. 
+0

FYI "phong cách" thuộc tính được sử dụng để xác định CSS nội tuyến. – dkamins

+0

cũng xem http://stackoverflow.com/questions/20805668/what-is-best-replacement-for-font-size-x-in-css – Damien

Trả lời

12

tôi sẽ tạo ra một lớp (giả sử .hebrew) và thiết lập thuộc tính font-size để 1.2em. Bằng cách này bất kể kích thước phông chữ là gì của văn bản xung quanh, văn bản với lớp của tiếng do thái sẽ lớn hơn 20%.

.hebrew { 
    font-size: 1.2em; 
} 

Dưới đây là một cách nhanh chóng demo jsFiddle để minh họa (màu với màu xanh lá cây để giúp hiển thị sự khác biệt).

Và như đã nêu trong các ý kiến, sử dụng điều này trong HTML của bạn, bạn sẽ thêm lớp như vậy:

<span class="hebrew"> malesuada augue imperdiet eget. Cum et magnis</span> 
+0

Điều này có vẻ như là cách tốt nhất để đi. Sau đó, bạn có thể dễ dàng thay đổi hình vẽ của mình ở một nơi, bao gồm việc thay đổi phông chữ, v.v. – dkamins

+1

PS để sử dụng trong HTML của bạn, bạn sẽ đặt: 'Từ là םום. ' – dkamins

+0

Mát mẻ. Tôi sẽ phải tìm ngay bây giờ khi CSS nằm trong chủ đề WordPress của tôi; hôm nay, chỉ cần thực hiện một chứng minh nhanh về khái niệm, viết một "shortcode" WordPress. – NealWalters

8

<font size="+2"> tương đương với font-size: x-large; nên dòng thứ hai của bạn nên được

<span style='font-size: x-large;'> and also bigger</span>. 
+0

Còn về ''. Tương đương là gì? Nó lớn hơn? –

7

CSS là cách tốt hơn để làm điều này.

<span style="font-size: 120%;"></span>

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