17 Google Font tốt nhất hiện nay và cách áp dụng cho WordPress

Bạn đang muốn tìm font chữ phù hợp cho website của mình.

Nhưng có quá nhiều lựa chọn, làm sao bạn biết đâu là font chữ tốt nhất?

Hơn nữa, sử dụng phông chữ cũng ảnh hưởng đến thành công của website.

Trong bài viết này, mình sẽ đem đến những Google Font được sử dụng nhiều nhất.

Ngoài ra, bạn sẽ thấy một số lưu ý về cách kết hợp các phông này sao cho tốt nhất trong WordPress.

Cuối cùng, mình muốn các bạn có một cái nhìn toàn diện về các phông hiện có.

Tại sao mọi người lại ưa thích chúng và làm thế nào để website bắt mắt hơn.

google-fonts-tot-nhat


17 Google Font phổ biến nhất hiện nay (2019)

Trong danh sách dưới đây, mình đã thêm ví dụ đi kèm cho các phông chữ.

Bạn sẽ biết thêm về số lượng kiểu chữ đi kèm mỗi phông và đâu là cách áp dụng tốt nhất.

Ở dưới bạn bạn sẽ gặp một thuật ngữ như:

Sans Serif và Serif

Bạn có thể hiểu đơn giản Serif là chữ có chân (một nét sẽ được thêm vào phần bắt đầu, hay cuối trong nét chính của một chữ. Sans Serif thì ngược lại chữ không chân

Styles

Style là các kiểu chữ như: in nghiêng, in đậm, bình thường…..

Pairings (hay kết hợp font chữ)

Font pairing là kết hợp các kiểu chữ lại với nhau. Khi kết hợp các font chữ hoàn hảo với nhau, bạn sẽ tạo được hiệu ứng cấp bậc, cải thiện khả năng truyền tải nội dung.

1. Roboto

roboto-google-fonts

Roboto là Google font rất phổ biến nhất với số lượng sử dụng kỷ lục gần 60 tỷ lượt.

Mặc dù rất phổ biến ở Mỹ, nhưng lượng sử dụng nhiều nhất lại đến từ Nhật Bản, Brazil.

Roboto được thiết kế đặc biệt với những đường nét mạnh mẽ, gọn gàng, kèm theo đường cong nhẹ nhàng và mảnh mai.

Google đề xuất: Open Sans, Lato, Montserrat, Raleway và Oswald là những kết hợp phổ biến cho Roboto.

2. Open Sans

open-sans-google-fonts

Open Sans lại khác, nó có một phông chữ trung tính, thân thiện với khả năng sử dụng cả trên nền tảng di động và in ấn.

Open Sans có tới gần 30 tỷ lượt sử dụng ở Mỹ, Pháp và Nga.

Các kết hợp phổ biến với font chữ này là Roboto, Lato, Oswald, Raleway và Montserrat.

3. Lato

lato-google-fonts

Lively Lato là một loại phông chữ mang vẻ nghiêm túc và rất góc cạnh

Các góc cạnh Lato rất chính xác, gọn và sắc nét, điều này tạo nên một sự chuyên nghiệp cho gần 10 tỷ người dùng từ Mỹ và Brazil.

Các Google font bạn có thể kết hợp cùng: Roboto, Open Sans, Oswald, Raleway và Source Sans Pro.

4. Monserrat

monserrat-google-fonts

Monserrat mang hơi hướng thiết kế đến từ Buenos Aires, Argentina.

Đây là phông chữ chuyên nghiệp, nhưng không cứng nhắc – được hơn 5 tỷ người dùng từ Mỹ đến Pháp và Brazil lựa chọn.

Các kết hợp phổ biến với phông chữ này là Raleway, Open Sans, Roboto, Oswald và Lato.

5. Roboto Condensed

roboto-condensed-google-fonts

Quay trở lại với Google font nổi tiếng Roboto, nhưng với style “Condensed”.

Roboto là một phông chữ có nhiều biến thể và đây có thể coi như người anh em với thiết kế mảnh mai hơn một chút.

Condensed rất phù hợp cho những người cần tiết kiệm không gian và tận dụng tối đa khoảng trống có trong website.

Hơn 4 tỷ người sử dụng là một con số lớn đến từ Mỹ và Nga.

Các cặp phổ biến là Open Sans, Lato, Oswald, Montserrat và Roboto bản gốc.

6. Source Sans Pro

source-sans-pro-google-fonts

Source Sans Pro là một phông chữ mang hơi hướng kinh doanh.

Adobe đã phát triển phông này để hoạt động tốt với giao diện người dùng và Source Sans Pro được mệnh danh là “font for the task”

Với gần 4 tỷ người sử dụng ở Mỹ và Pháp, hoạt động tốt với Open Sans, Roboto, Lato, Oswald và Raleway.

7. Oswald

oswald-google-fonts

Ornate Oswald rất phù hợp với pixel grid của màn hình hiển thị.

Oswald rất phổ thông và được sử dụng tự do trên các nền tảng internet với gần 4 tỷ người, đặc biệt là ở Mỹ và Pháp.

Google font này kết hợp với: Open Sans, Roboto, Lato, Montserrat và Raleway.

8. Raleway

raleway-google-fonts

Raleway đem đến sự tinh tế nhất định, hơi hướng thanh lịch và táo bạo cho bất kỳ website nào.

Ban đầu nhà thiết kế dự định đây chỉ là một tiêu đề với một phong cách mà thôi.

Nhưng bây giờ phông chữ đã có tới 18 style và gần 3 tỷ người sử dụng.

Raleway thường xuyên xuất hiện cùng với Montserrat, Open Sans, Roboto, Lato và Oswald.

9. Slabo 27px/13px

Slabo 27px/13px được sử dụng rất nhiều trong lĩnh vực kỹ thuật.

Mặc dù các chữ có gạch chân, Slabo vẫn duy trì vẻ ngoài mỏng manh và hiệu quả.

Nó được sử dụng bởi hơn 2 tỷ người sử dụng ở Mỹ, Indonesia, Ấn Độ và Brazil.

Các cặp đi kèm phổ biến là Roboto, Lato, Open Sans, Montserrat và Oswald.

10. PT Sans

pt-sans-google-fonts

Có thể nói Private PT Sans là một phông chữ đa mục đích.

Nó được phát triển cho dự án “Public Types of Russian Federation” để giúp người dân Nga đọc và viết bằng ngôn ngữ bản địa của họ.

Đến bây giờ, PT Sans đã phổ biến trên toàn thế giới, nhất là ở Nga với gần 2 tỷ lượt sử dụng.

Tuy nhiên, người dùng ở Thổ Nhĩ Kỳ và Mỹ cũng rất chuộng. Open Sans, Roboto, Lato, Raleway và PT Serif đều là những phông kết hợp tốt.

11. Merriweather

merriweather-google-fonts

Merry Merriweather giống như một cuốn sách với phong cách dễ đọc.

Đây là một phông chữ dành cho mọi người với các đường chéo nhỏ, đường cong tròn và gạch chân dứt khoát.

Gần 2 tỷ người sử dụng Merriweather chủ yếu đến từ Mỹ, Ý và Brazil.

Các cặp phổ biến đi kèm là Open Sans, Montserrat, Oswald, Lato và Roboto.

12. Roboto Slab

roboto-slab-google-fonts

Roboto Slab lại cũng là một biến thể của bản Roboto gốc, mang lại cảm giác tinh tế hơn.

Đây cũng là Google font mình đang dùng trên Diều Hâu.

Slab với bản thường trông nổi bật hơn, và không quan tâm nhiều đến việc tiết kiệm không gian chữ như Condensed.

Dưới 2 tỷ người sử dụng là một con số lớn ở Mỹ, Nga, Ý và Brazil.

Nó cũng kết hợp tốt với Roboto, Open Sans, Monserrat, Lato và Raleway.

13. Noto Sans/Serif

noto-sans-serif-google-fonts

Noto Sans là một phông chữ quốc tế – sở dĩ có gọi là quốc tế vì Noto Sans tương thích với nhiều ngôn ngữ khác nhau.

Hơn 1,5 tỷ người sử dụng đến từ Hoa Kỳ và Brazil.

Noto Sans rất phù hợp khi kèm Noto Serif, Open Sans, Inconsolata, Roboto và Source Sans Pro.

14. Open Sans Condensed

open-sans-condensed-google-fonts

Open Sans Condensed là một phong cách thu gọn khác và giúp truyền tải thông điệp hiệu quả hơn so với phông Open Sans cơ bản.

Gần 1,5 tỷ người sử dụng đến từ các quốc gai như Mỹ, Nga, Anh, Ý và Pháp.

Các cặp phổ biến bao gồm Open Sans, Roboto, Oswald, Josefin Slab và Amatic SC.

15. Ubuntu

ubuntu-google-fonts

Ubuntu là font chữ đem đến sự bình đẳng cho mọi chữ

Nó giữ một triết lý thiết kế tương tự như Noto Sans bằng cách sử dụng tốt với tất cả các ngôn ngữ.

Ubuntu tự hào với hơn 1 tỷ người sử dụng đến từ nhiều quốc gia như Mỹ, Nga, Ý, Pháp, Tây

Ban Nha và Brazil. Phông kết hợp tốt với Open Sans, Roboto, Lato, Oswald và Raleway.

16. Poppins

poppins-google-fonts

Peppy Poppin có một sự kết hợp rất độc đáo.

Hình dạng chính là hình tròn với các góc cạnh được làm phẳng đem đến sự tinh tế.

Hơn 1 tỷ người sử dụng chủ yếu ở Mỹ và Pháp là một con số lớn.

Phông kết hợp tốt với Roboto, Open Sans, Raleway, Oswald và Playfair Display.

17. Playfair Display

playfair-display-google-fonts

Playfair Display đem đến sự chuyên nghiệp với gạch chân chữ rộng hơn trong khi cạnh tròn, mềm vẫn được giữ lại.

Điều này rất phù hợp trong in ấn. Có tới hơn một tỷ người sử dụng, nhiều nhất ở Mỹ, Pháp, Ý và Tây Ban Nha.

Roboto, Open Sans, Lato, Montserrat và Raleway thường được kết hợp với Playfair Display.


Phương pháp tốt nhất áp dụng Google Font trong WordPress

Bây giờ bạn có thể thử một trong những font chữ trên.

Tuy nhiên, sau khi chọn một phông, bạn nghĩ mình đã xong? Chưa hết đâu.

Bạn phải đảm bảo rằng kiểu chữ bạn chọn được sử dụng một cách tối ưu.

Vậy, làm sao để biết thế nào là tối ưu?

Dưới đây là một số lời khuyên dành cho bạn.

1. Chọn một Phông phù hợp nhất với trang web.

Raleway mang hơi hướng nghệ thuật.

Merriweather sở hữu sự nhẹ nhàng và Playfair Display phù hợp với tạp chí/bản in.

Hãy xem xét kỹ thương hiệu của bạn thể hiện phong cách nào.

Và sau đó chọn font chữ thể hiện được điều đó.

2. Kết hợp một cách sáng tạo

Khi chọn một trong các phông chữ trên.

Hãy quyết định bạn muốn heading, văn bản và phụ đề trông như thế nào.

Sau đấy chọn phông chữ bổ sung cho nhau.

Phông chữ lớn hơn được in đậm, in nghiêng, v.v., bắt mắt và mạnh nhất là heading.

3. Hạn chế Font Style

Một số phông chữ có tới 18 style khác nhau. Tuy nhiên, các bạn không phải sử dụng hết.

Nói chung, sẽ tốt hơn nếu chúng ta sử dụng ba kiểu – thông thường, in đậm và in nghiêng.

Quá nhiều phông sẽ làm chậm website của bạn (xem hướng dẫn tăng tốc wordpress).

Khi chọn phông chữ từ Google, hãy chọn kiểu bạn muốn để tránh việc web bị overload.

4. Sử dụng font chữ dễ đọc

Tổ chức Y tế Thế giới (WHO) đã kết luận có khoảng 1,3 tỷ người trên thế giới có vấn đề về mắt.

Vậy nên hãy đảm bảo website của bạn dễ dàng sử dụng với họ.

Mọi người đều thích một website thoáng và dễ đọc.

Vì lý do đó, khi hiển thị phông chữ trên website, khả năng đọc là một yếu tố quan trọng.

Ví dụ, chọn màu neon trong Comic Sans thường không được đánh giá cao.

Vì vậy, đảm bảo phông chữ dễ đọc sẽ giúp web trở nên thân thiện hơn với tất cả người dùng.

Một trong những điều quan trọng nhất ở đây là độ tương phản, bạn dễ dàng kiểm tra với công cụ này.

Bên cạnh đó, tính dễ đọc luôn là một ý tưởng tốt cải thiện khả năng truy cập trang web.

5. Nếu bạn có một phông chữ duy nhất, hãy lưu trữ trên server

Bạn có quyền lưu trữ một phông chữ trên server của mình để cải thiện hiệu suất.

Nếu đây là một Google Font, việc lưu trữ không cần thiết vì server Google thường phản hồi rất nhanh.

Tuy nhiên, có những lý do khác để lưu trữ phông trên máy chủ của bạn.

Ngoài ra, nếu sử dụng một phông chữ duy nhất do Google cung cấp.

Google sẽ khuyên các bạn nên lưu trữ font chữ trên server của mình để tăng hiệu suất.

Plugin này là một giải tốt cho cả hai trường hợp.

Vậy đâu là Google Font tốt nhất cho website?

Tìm kiếm phông chữ phù hợp cho website không phải lúc nào cũng dễ dàng.

Có rất nhiều google font hiện nay, vì vậy việc tìm một phông chữ phù hợp sẽ mất nhiều thời gian.

Tuy nhiên, bắt đầu với các google font phổ biến và cơ bản nhất sẽ là một khởi đầu tốt.

Không phải ngẫu nhiên mà nó được yêu thích như thế.

Bài viết trên cung cấp cho bạn một danh sách các phông chữ tốt nhất của Google.

Không chỉ vậy, bài viết cũng cho bạn biết các chi tiết quan trọng như số kiểu có sẵn.

Các phông chữ có thể kết hợp tốt với nhau, giúp bạn áp dụng vào website của mình.

Nếu muốn lưu trữ phông trên server, hãy sử dụng plugin được đề xuất ở trên.

Nếu có bất kỳ câu hỏi nào liên quan, hãy để lại ở phần bình luận bên dưới nhé!

Trả Lời

avatar
 
smilegrinwinkmrgreenneutraltwistedarrowshockunamusedcooleviloopsrazzrollcryeeklolmadsadexclamationquestionideahmmbegwhewchucklesillyenvyshutmouth
  Đăng ký  
Thông báo về

Pin It on Pinterest

Shares

Share This

Share this post with your friends!