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.

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

Để 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 "&amp;" 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

4 bình luận

  1. avatar says

    lúc 22:05 4 tháng 7, 2014

    cái này chèn dưới description hả bạn

  2. avatar says

    lúc 22:25 4 tháng 7, 2014

    Cái này mình hướng dẫn chung chung cho các bạn làm website, và với mọi mã nguồn thì đều chèn trên thẻ </head>, mình chưa test ở Blogger nữa :3

  3. avatar says

    lúc 19:12 21 tháng 9, 2014

    xóa luôn mấy cái code này có ảnh hưởng gì không? mình thường sài font segoe ui

  4. avatar says

    lúc 19:36 21 tháng 9, 2014

    Không bạn nhé code này chỉ để đưa mặt chữ của font đó vào để bạn có thể sử dụng thôi, nếu không xài thì cứ xóa đi cho nhẹ.

Mọi nhận xét trên blog KslZone.NET sẽ được kiểm duyệt trước khi được xuất bản trên blog. Lưu ý: Nếu bạn để lại backlink về website của bạn, miễn là kèm theo nhận xét hợp lý thì nhận xét đó vẫn sẽ được chấp nhận. Nếu bạn muốn hiện mã HTML thì bạn cần chuyển đổi trước bằng công cụ phía dưới.