Lỗi CSS: Không thể giải mã phông chữ đã tải xuống - bạn có thể làm điều đó
Lỗi CSS "Không thể giải mã phông chữ đã tải xuống" có thể có các nguyên nhân khác nhau. Trong mẹo thực tế này, chúng tôi trình bày những cách phổ biến nhất cho thông báo lỗi trước các giải pháp có thể.
Lỗi CSS Không thể giải mã phông chữ đã tải xuống: Phông chữ bị hỏng
Lỗi có thể có nhiều nguyên nhân khác nhau và thường chỉ xảy ra ở một số trình duyệt nhất định. Trong nhiều trường hợp, lỗi chỉ ra một phông chữ không chính xác.
- Có thể phông chữ đã bị lỗi trước khi nó được sao chép vào máy chủ. Tuy nhiên, nó cũng có thể đã bị hỏng trong quá trình sao chép.
- Để tránh làm hỏng phông chữ, hãy sử dụng các công cụ trực tuyến như Transfonter để chuyển đổi phông chữ của bạn thành các định dạng phù hợp.
- Khi sao chép vào máy chủ của bạn, đảm bảo rằng phông chữ được sao chép dưới dạng nhị phân chứ không phải định dạng ASCI.
- Bạn cũng có thể cần thay đổi ứng dụng khách FTP của mình vì một số máy khách truyền phông chữ không chính xác.
- Bạn cũng có thể đảm bảo rằng bạn đang sử dụng các phông chữ chính xác bằng cách nhập các phông chữ của bạn từ Thư viện Phông chữ hoặc từ Google.
Lỗi CSS do tích hợp phông chữ không chính xác
Một lỗi điển hình khác dẫn đến cảnh báo "Không thể giải mã phông chữ đã tải xuống" là việc kết hợp phông chữ không chính xác.
- Các phông chữ phải được bao gồm trong biểu định kiểu CSS bằng cách sử dụng thẻ "src".
- Nếu có thể, định dạng của phông chữ cũng nên được xác định. Trong ví dụ sau để tích hợp phông chữ "webfont", các phần mã có liên quan được đánh dấu đậm.
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * Chế độ tương thích IE9 * / src: url ('webfont.eot? #Iefix') định dạng (' embed-opentype '), / * IE6-IE8 * / url ('webfont.woff2') ('woff2'), / * Trình duyệt siêu hiện đại * / url ('webfont.woff') định dạng ('woff'), / * Trình duyệt khá hiện đại * /
định dạng url ('webfont.ttf') ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') ('svg') ; / * Di sản iOS * /}
Một mẹo thực tế khác sẽ cho bạn biết làm thế nào để có được tên của một phông chữ mà bạn không biết.