2011-12-16 36 views
5

Chỉ cần thử nghiệm một cái gì đó hoạt động hoàn hảo trên firefox và chrome không làm cho anyhing với tài sản font-weight: bold/bolder.`font-weight` Không hoạt động trên chrome?

tôi đã cố gắng để tìm kiếm cho một thuộc tính CSS có thể được ghi đè lên nó và chẳng có ai, cũng không có câu trả lời của Google cho tôi ..

position: absolute; 
top: 8px; 
left: 50px; 
font-size:38px; 
font-weight: bolder; 
+1

Bạn có thể tạo một ví dụ làm việc trên [JSfiddle] (http://jsfiddle.net/) và đăng nó ở đây không? –

+0

[no-repro] (http://jsfiddle.net/mattball/mfw7e/). Vui lòng cung cấp [SSCCE] (http://sscce.org) vì vấn đề về cơ bản phải ở nơi khác. –

+0

Có điều gì đó sai. Nó được in đậm trong ví dụ của bạn. Trong thực tế, nó được in đậm hai lần, một lần dựa trên khai báo kiểu '# CountDownPanel' của bạn và một lần cho khai báo kiểu' .box'. – mrtsherman

Trả lời

6

giải quyết với:

font-weight: 900; 
font-family: "Arial Black", Arial, sans-serif; 
1

Nó hoạt động tốt. Tài sản phải được ghi đè ở đâu đó hoặc có lỗi trong cấu trúc html của bạn ở đâu đó. Khi bạn kiểm tra phần tử thông qua trình kiểm tra Chrome, bạn có thấy rằng nó có thuộc tính phong cách táo bạo hơn không?

http://jsfiddle.net/NNBZB/

1

Nếu bạn đang sử dụng @font-face cho font-family, sau đó bạn có lẽ trải qua this bug.

Tôi gặp vấn đề tương tự, nhưng với Chrome bỏ qua font-weight:normal và sử dụng in đậm theo mặc định - thậm chí không giống như phiên bản in đậm và không có tính năng chống răng cưa.

+0

Trong trường hợp của tôi, tôi đã có 'font-weight' trong' @ font-face' quy tắc được ghi đè các lớp học của tôi 'font-weight' mặc dù họ đã có '! quan trọng'. – xinthose

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