Mã nhúng Google Font đạt chuẩn HTML5

Khá chắc rằng hiện nay thì rất nhiều template từ đủ các mã nguồn đều có sử dụng font chữ do Google cung cấp. Nếu website của nằm trong điều mà mình nói, bạn có thể kiểm tra thử chuẩn HTML5 cho website của bạn, bạn sẽ thấy mã nhúng trong giao diện của bạn bình thường sẽ không phù hợp. Do đó mình lập ra bài viết này để hướng dẫn ngắn gọn cách khắc phục đơn giản về vấn đề này.


Để hiểu rõ hơn về cách khắc phục, mình xin đưa một ví dụ đơn giản như sau. Ở đây trong template của mình có một mã nhúng như thế này

<link href='http://fonts.googleapis.com/css?family=Open+Sans&subset=latin,vietnamese|Oswald' rel='stylesheet' type='text/css'/>

như bạn đã thấy thì mình đã cho đoạn mã trên khá phức tạp rồi, nên có lẽ là đủ trường hợp mà các bạn gặp phải.

Cách khắc phục thực chất thì chỉ do những ký tự như &  và | không được chấp nhận trong các thẻ HTML, do đó để khắc phục thì hết sức đơn giản, các bạn chỉ cần thay thế ký tự "&" bằng "&" và "|" bằng "%7C". Ví dụ sau khi thay thế xong đoạn mã trên của mình sẽ trở thành

<link href='http://fonts.googleapis.com/css?family=Open+Sans&amp;subset=latin,vietnamese%7COswald' rel='stylesheet' type='text/css'/>

và hoàn toàn đạt chuẩn HTML5.

Hiện tại thì có rất nhiều thứ lặt vặt phải làm cho những bạn muốn website của mình trở nên đạt chuẩn HTML5, nếu bạn gặp vướng mắc về bất kì chỗ nào trong khi tối ưu cho website của bạn hãy liên hệ với mình hoặc để lại nhận xét phía dưới để mình hỗ trợ chỉnh sửa.

P/S: Đối với ai xài Blogger thì xem cái này nhé Sử dụng Google Fonts chuẩn HTML5 cho Blogger