Là một người thiết kế website, trong quá trình định dạng văn bản của website chắc hẳn bạn sẽ gặp vấn đề về load font vào hệ thống của mình, cách thông thường là bạn có thể load font có s
Trang 1Là một người thiết kế website, trong quá trình định dạng văn bản của website chắc hẳn bạn sẽ gặp vấn đề về load font vào hệ thống của mình, cách thông thường là bạn có thể load font có sẵn trên sever của mình, tuy nhiên nếu
bạn không muốn bị bó hẹp bới nhưng font của sẵn trên sever thì bạn có thể tham khảo cách load font từ google theo hướng dẫn dưới đây
Bước 1
Chọn font cần load từ google
Đầu tiên bạn chọn loại font cần load từ google bằng cách vào địa chỉ http://www.google.com/webfonts, tại đây có
nhiều font để bạn có thể chọn lựa
Bạn dùng link css lấy từ google để chèn vào code website Ở đây mình chọn font là Rufina
<link rel="stylesheet" type="text/css"
href="http://fonts.googleapis.com/css?family=Rufina" />
Bước 2
Sau khi đã chèn đường dẫn của font vào website, bạn sử dụng các selector hoặc tạo các class, id để định dạng cho đoạn văn bản như cách thông thường
Chú ý: Với cách lấy và chèn link như trên bạn chỉ sử dụng được một font duy nhất, để có thể sử dụng được nhiều font khác bạn sử dụng ký tự | để phân cách các font
<link rel="stylesheet" type="text/css"
href="http://fonts.googleapis.com/css?family=Rufina |Averia GruesaLibre" />
Trang 2Code trên tôi đã sử dụng thêm font Averia Gruesa Libre Chúc các bạn thành công