Chèn Font từ Google vào Website của bạn

DIM GROUP 01/04/2014 Thủ thuật Web 86 Views Comments

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ẵ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

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ẵ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
font-google
 
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 Gruesa Libre" />

 

Code trên tôi đã sử dụng thêm font Averia  Gruesa Libre
Chúc các bạn thành công.
 
 

bg8

Bình luận

Chèn Font từ Google vào Website của bạn

SEO là gì - Lợi ích của SEO

Khi người dùng internet gõ một từ khóa tìm kiếm trên công cụ tìm kiếm như Google, Bing, Yahoo…thì kết quả trả về sẽ là một bảng danh sách các trang web có chứa nội dung mà người dùng muốn tìm kiếm...

01/04/2014

Thiết kế website tại Bắc Ninh

Trong thời đại số hiện này, các doanh nghiệp tại Bắc Ninh đã và đang tận dụng rất tốt Internet để giới thiệu và quảng bá về doanh nghiệp của mình. Với sự phát triển mạnh mẽ của truyền thông mạng,...

01/04/2014

Nguyên tắc thiết kế Website

Ngày nay, quá trình thương mại điện tử đang phát triển một