Dường như không có bất kỳ sự khác biệt nào giữa 'font-weight: normal' và 'font-weight: bold' trong Google Chrome (và có thể là Safari). Có ai tìm thấy một cách để gọi 'font-weight: mỏng hơn' trong Chrome theo cách Firefox không?Làm cách nào để nhận được 'font-weight: lighter' để hoạt động trong Google Chrome?
này dường như là một known issue trong Chrome cố định trong sự phát triển mới nhất xây dựng:
Có một temporary workaround bạn cũng có thể thử:
Để kích hoạt
font-weighttài sản trên một phông chữ@font-facemà không làm có phông chữ đậm được xác định, bạn cần xác định rõ ràngfont-weight:normal;vàfont-style:normal;trong định nghĩa@font-face. Ví dụ:
@font-face {
font-family: 'GriffosFont Regular';
font-weight: normal;
font-style: normal;
src: url('fonts/GriffosFont.eot');
src: local('GriffosFont Regular'), local('GriffosFont'), url('fonts/GriffosFont.woff') format('woff'), url('fonts/GriffosFont.\
ttf') format('truetype'), url('fonts/GriffosFont.svg#GriffosFont') format('svg');
}
font-weight: lighter; đã không làm việc cho tôi vì vậy tôi sử dụng font-weight: normal; thay vào đó, mà làm việc cho mục đích của tôi. không chắc chắn những gì đang xảy ra với chrome ngay bây giờ ...
Lưu ý rằng 'font-weight: lighter' làm cho phông chữ «một bước» nhẹ hơn, do đó, một phần tử kế thừa chữ đậm sẽ được hiển thị bằng phông chữ thông thường thay thế. Nếu bạn có một trọng lượng chữ cụ thể trong tâm trí, tốt hơn là chỉ định nó trực tiếp. 'font-weight: 200' sẽ tạo ra một phông chữ nhẹ. – Henrik
Tôi đồng ý. Đối với những gì nó có giá trị, tại thời điểm bài viết này, 'font-weight: lighter;' không hoạt động trong chrome. Tôi có thể khai thác thông qua các cam kết của tôi để tìm phiên bản chính xác của chrome đã có lỗi và tôi chắc chắn rằng nó đã được cố định ngay bây giờ (năm năm sau đó). – teewuane
Có lẽ bạn cần phải thêm video này vào CSS của bạn:
* {-webkit-font-smoothing: antialiased;}
+1, một phát tốt =) –