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

Tuấn 00:00 - 01/04/2014 Thủ thuật Web 12 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

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

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

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 cách mạnh mẽ. Website đóng một vai trò quan trọng trong công cuộc phát triển đó.  Việc xây dựng một website là điều tất yếu song để phát...

01/04/2014

Xây dựng một website hoàn hảo như thế nào?

Xây dựng một website hoàn hảo như thế nào?

Website của doanh nghiệp bạn được xây dựng với chất lượng tốt, được nhiều người biết đến và truy cập, nhưng làm thế nào để biến những khách hàng này thành những người mua hàng tiềm năng

01/04/2014

Hướng dẫn tạo thư viện trình chiếu ảnh tuyệt đẹp bằng Jquery

Hướng dẫn tạo thư viện trình chiếu ảnh tuyệt đẹp bằng Jquery

Với ứng dụng công nghệ Js hiện nay, chúng ta có thể làm được nhiều thứ từ nó, để thay thế công nghệ dùng flash như trước kia, mà tối ưu website đạt hiệu quả cao, tốc độ nhanh.DIM Group sẽ hướng...

01/04/2014

Thiết kế website đồ điện tử, điện lạnh

Thiết kế website đồ điện tử, điện lạnh

Thiết kế website đồ điện tử âm thanh không chỉ đem đến một cửa hàng ảo với chi phí hợp lý mà còn mở ra cơ hội tiếp cận đến với nhiều khách hàng tiềm năng.

11/02/2017

Thiết kế website kinh doanh thực phẩm sạch - tạo niềm tin người dùng

Thiết kế website kinh doanh thực phẩm sạch - tạo niềm tin người dùng

Thực phẩm sạch hiện đang là mặt hàng bán đắt như “Tôm tươi” tại thị trường Việt Nam, khi mà các loại nông sản, thực phẩm bẩn, nhiễm chất độc hại ảnh hưởng đến sức khỏe người tiêu dùng đang dần bị...

09/02/2017

Thiết kế website thủ công mỹ nghệ - con đường xây dựng thương hiệu

Thiết kế website thủ công mỹ nghệ - con đường xây dựng thương hiệu

Sản phẩm thủ công mỹ nghệ là mặt hàng có truyền thống lâu đời ở Việt Nam, gắn với nền văn hóa lúa nước dân tộc. Sự phát triển của ngành thủ công mỹ nghệ đã đóng góp đáng kể vào sự phát triển chung...

07/02/2017

Thiết kế website kinh doanh đồ handmade

Thiết kế website kinh doanh đồ handmade

Với sự phát triển của công nghệ và mạng internet trên toàn cầu thì bên cạnh cửa hàng truyền thống, hoạt động kinh doanh đồ handmade online thông qua website, các trang rao vặt, mạng xã hội,… đã...

07/02/2017

Thiết kế website giáo dục, đào tạo, trường học - nơi tiếp nhận nhiều học viên tiềm năng

Thiết kế website giáo dục, đào tạo, trường học - nơi tiếp nhận nhiều học viên tiềm năng

Thiết kế website giáo dục không chỉ mở ra chân trời mới, năng động hơn, hiện đại hơn cho các cơ sở đào tạo, dạy nghề,..mà còn tăng khả năng tiếp cận và lan tỏa thương hiệu đến học viên.

07/02/2017

Luật bảo vệ bản quyền tác giả DMCA

Luật bảo vệ bản quyền tác giả DMCA

DMCA là cụm từ viết tắt của Digital Millennium Copyright Act, được hiểu là luật bảo vệ bản quyền tác giả.Đây là luật được tổng thống Mỹ Bill Clinton ký thành luật vào ngày 28 tháng 11 năm...

01/04/2014

Thiết kế Website tại Tân Yên - Bắc Giang

Thiết kế Website tại Tân Yên - Bắc Giang

Hãy liên hệ với dịch vụ  Chúng tôi cam kết mang đến cho quý khách hàng những website có giao diện thiết kế đẹp, thân thiện, hệ thống quản trị thông minh, SEO hiệu quả, tăng thứ hạng Alexa, cập...

01/04/2014

Thiết kế website tại Quốc Oai - Hà Nội

Thiết kế website tại Quốc Oai - Hà Nội

Bạn đang phân vân chưa biết chọn đối tác nào để có thể thiết kế được một website giao diện đẹp mà hiệu quả, thân thiện với các công cụ tìm kiếm tại Quốc Oai - Hà Nội?

01/04/2014

Thiết kế website tại Lục Nam - Bắc Giang

Thiết kế website tại Lục Nam - Bắc Giang

Với kinh nghiệm nhiều năm chuyên về dịch vụ thiết kế website, DIM Group đã tạo được thương hiệu trên thị trường thiết kế website với nhiều lĩnh vực kinh doanh khác nhau.

01/04/2014

Thiết kế website tại Yên Dũng - Bắc Giang

Thiết kế website tại Yên Dũng - Bắc Giang

Các sản phẩm website của DIM sáng tạo theo yêu cầu, dịch vụ phong cách chuyên nghiệp, nhiều mẫu web đẹp ấn tượng, nhiều chức năng cao cấp hiện đại, là địa chỉ thiết kế web uy tín hàng đầu, chi phí...

01/04/2014

MÃ GIẢM GIÁ

Facebook