Tôi đã xây dựng một trang web (http://www.hallometmirel.nl/troep/website) với bố cục đáp ứng và đã thử nghiệm các độ phân giải khác nhau trong một số trình duyệt và độ phân giải trên máy tính xách tay của tôi và trên Galaxy S3 của tôi.@ font-face không hoạt động trong internet explorer mobile
Thấy là tôi không thể truy cập Internet Explorer trên Google Play, tôi hiện đang thử nghiệm trang web trên Nokia Lumia 800 từ nơi làm việc. Dường như nó đang chạy Windows Phone 7.5, và vì tôi không thể tìm thấy một nút hiển thị phiên bản IE nào và điện thoại thông minh mới, tôi nghi ngờ đó là IE 9.
@ font-face đã được làm việc cho đến nay trong phiên bản mới nhất của Opera, Firefox, Chrome (máy tính để bàn và thiết bị di động) và IE 9 (máy tính để bàn).
Tôi thực sự không biết tại sao nó sẽ không hoạt động trong phiên bản di động, ngay cả khi nó cũ hơn, phông chữ được hỗ trợ bởi các phiên bản cũ hơn, phải không? Tôi đã thử lừa IE để hiển thị phông chữ bằng cách thay đổi kiểu .eot hoặc bao gồm một mặt cười (dường như nó làm điều gì đó). Tôi không thể tìm thấy các chủ đề khác liên quan đến phiên bản di động của IE.
Đây là loại doc, nó có thể có một cái gì đó để làm với IE9:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="nl-NL">
<head xmlns:og="http://ogp.me/ns#">
Và đây là cách tôi nhúng font:
@font-face {
font-family:'ChaletComprime-CologneEighty';
src:url('fonts/ChaletComprime-CologneEighty.eot');
src:url('fonts/ChaletComprime-CologneEighty.eot?#iefix') format('embedded-opentype'),
url('fonts/ChaletComprime-CologneEighty.woff') format('woff'),
url('fonts/ChaletComprime-CologneEighty.ttf') format('truetype'),
url('fonts/ChaletComprime-CologneEighty.svg#svg/ChaletComprime-CologneEighty') format('svg')
}
Và sử dụng nó như thế này:
h1,h2,h3,h4,h5,h6{font-family:ChaletComprime-CologneEighty;color:#ef0f63;text-transform:uppercase}
Hmm. Có thể thử sử dụng javascript freaking sau đó. Cảm ơn bạn! :) – user1531721