Tổng hợp font chữ Tiếng Việt đẹp trên Google Font

Font chữ là một trong những thành phần quan trọng thiết kế trang web cũng như đồ họa. Việc sử dụng và tối ưu font chữ hợp lý đem lại trải nghiệm tuyệt vời cho thiết kế của bạn. Bài này Vietrick xin giới thiệu đến các bạn danh sách tổng hợp top 15 font chữ Tiếng Việt đẹp phổ biến nhất trên Google Fonts.

Google Fonts

Giới thiệu Google Fonts

Google Fonts (trước đây là Google Web Fonts) là một trong những dịch vụ cung cấp font chữ miễn phí phổ biến nhất trên Internet hiện nay. Google Fonts được Google phát hành vào năm 2010, nhằm mục đích tăng cường trải nghiệm và hiệu năng khi sử dụng font chữ cho các trang web, ứng dụng,… Tại thời điểm bài viết này, Google Font đã có hơn 1052 font chữ miễn phí trong thư viện. Những font chữ này được cung cấp dưới nhiều định dạng: .woff2, .svg, .eot,… , miễn phí tải về để nhúng vào sản phẩm của bạn.

Google Fonts Analytic
Google Fonts Analytics

Tính tới thời điểm này, Google Fonts đã phục vụ hơn 50 ngàn tỉ lượt view, và con số này còn tiếp tục tăng.

Sử dụng Google Fonts

Google Fonts là dịch vụ cung cấp font chữ trực tuyến. Vậy nên ngoài việc tải về, chúng ta còn có thể sử dụng font chữ trên trang web của mình bằng cách nạp thư viện cần dùng vào trong thẻ <head>.

Các bạn có thể chèn thư viện Google Fonts thông qua thẻ <link> hoặc sử dụng cú pháp CSS @import sau khi chọn được font chữ ưng ý.

Trong thẻ <head> chèn nội dung.

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&amp;display=swap" rel="stylesheet">

Hoặc

<style>
@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap');
</style>

Sau khi nạp thư viện để sử dụng font chữ tương ứng, các bạn chỉ cần khai báo CSS font-family tương ứng là được.

font-family: 'Comfortaa', cursive;

License

Tất cả các font chữ trên Google Fonts đều được cung cấp miễn phí, sử dụng và phân phối dưới giấy phép Open Font License.

Top font chữ Tiếng Việt đẹp

Đây là danh sách tổng hợp bộ font chữ Tiếng Việt đẹp trên Google Fonts. Các font chữ này đều hỗ trợ Tiếng Việt có dấu.

#Font chữ Tiếng Việt
1Roboto
2Open Sans
3Montserrat
4Source Sans Pro
5Oswald
6Raleway
7Noto Sans / Serif
8Merriweather
9Nunito
10Lora
11Fira Sans
12Inter
13Quicksand
14Dosis
15Comfortaa
Danh sách các font chữ Tiếng Việt đẹp trên Google Fonts

Roboto

Roboto Google font
Roboto Google font

Roboto được thiết kế bởi Christian Robertson với mục đích sử dụng làm font chữ hệ thống của Android. Font chữ sau này càng phổ biến và được mọi người yêu thích với 12 biến thể.

Open Sans

Open Sans Google font
Open Sans Google font

Open Sans là loại font sans-serif được phát triển bởi Steve Matteson. Google đã sử dụng Open Sans trong một số trang web của hãng, trang quảng cáo và mục đích in ấn.

Montserrat

Montserrat Google font
Montserrat Google font

Montserrat là font chữ sans-serif thiết kế bởi Julieta Ulanovsky, tác giả sống trong khu phố Montserrat ở Buenos Aires. Với 18 kiểu dáng khác nhau, bạn có khá nhiều sự lựa chọn.

Source Sans Pro

Source Sans Pro Google font
Source Sans Pro Google font

Source Sans Pro là loại font chữ sans-serif thiết kế bởi Paul Hunt – tác giả Adobe và cũng là font chữ mã nguồn mở đầu tiên của Adobe.

Oswald

Oswald Google font
Oswald Google font

Oswald là sự làm lại của phong cách cổ điển được thể hiện trong lịch sử bằng các kiểu chữ sans serif ‘Alternate Gothic’. Các ký tự của Oswald ban đầu được vẽ lại và cải cách để phù hợp hơn với lưới pixel của màn hình kỹ thuật số tiêu chuẩn. Oswald được thiết kế để sử dụng miễn phí trên Internet dành cho các trình duyệt web trên máy tính để bàn, máy tính xách tay và thiết bị di động.

Raleway

Raleway Google font
Raleway Google font

Với 18 kiểu khác nhau, Raleway được thiết kế dành cho font chữ cỡ lớn, ban đầu tạo ra bởi Matt McInerney.

Noto Sans / Serif

Noto Sans Google font
Noto Sans Google font

Noto là một phông chữ do Google ủy quyền, có cả hai phiên bản serif và sans-serif. Font chữ này hiện luôn được cập nhật thường xuyên.

Merriweather

Merriweather font
Merriweather Google font

Merriweather được thiết kế để tập trung vào tính dễ đọc, tạo ra bởi Sorkin Type.

Nunito

Nunito Google font
Nunito Google font

Nunito là một kiểu chữ sans serif cân bằng tốt, với 2 phiên bản: Dự án đầu tiên bắt đầu với Nunito, được Vernon Adams tạo ra như một sans serif. Jacques Le Bailly đã mở rộng nó thành Nunito Sans.

Lora

Lora Google font
Lora Google font

Lora là font chữ Serif được sử dụng rất phổ biến, font này hiển thị tốt trên cả màn hình và in ấn.

Fira Sans

Fira Sans Google font
Fira Sans Google font

Được thiết kế để tích hợp với đặc điểm của Mozilla FirefoxOS, font chữ Fira Sans cũng nhằm đáp ứng nhu cầu dễ đọc trên các thiết bị cầm tay khác nhau.

Inter

Inter Google font
Inter Google font

Inter là loại font chữ tùy biến được thiết kế và tinh chỉnh chỉn chu dành cho cho màn hình máy tính.

Quicksand

Quicksand Google font
Quicksand Google font

Quicksand là một font chữ sans serif hiển thị với các đầu cuối được làm tròn. Dự án này do Andrew Paglinawan khởi xướng vào năm 2008 sử dụng các khối hình học làm nền tảng cốt lõi. Font chữ được thiết kế cho mục đích hiển thị nhưng vẫn đủ rõ ràng để sử dụng ở các kích thước nhỏ. Năm 2016, với sự hợp tác của Andrew, font này đã được Thomas Jockin sửa đổi kỹ lưỡng để nâng cao chất lượng. Vào năm 2019, Mirko Velimirovic đã chuyển đổi họ thành một phông chữ variable.

Dosis

Dosis Google font
Dosis Google font

Dosis là một kiểu chữ sans-serif bo tròn. Nó bắt đầu với kiểu Extra Light, chỉ hữu ích ở kích thước 36pt trở lên với bộ ký tự Latinh Mở rộng bao gồm nhiều ký tự thay thế, tất cả đều được thiết kế bởi Edgar Tolentino và Pablo Impallari.

Dosis sau đó được thiết kế lại thành loại font chữ variable vào năm 2019.

Comfortaa

Comfortaa Google font
Comfortaa Google font

Comfortaa là một font chữ kiểu sans-serif, có thiết kế kiểu bo tròn dành cho các kích thước lớn. Font được thiết kế bởi Johan Aakerlund.

Kết

Hy vọng với chia sẻ trong bài viết này giúp các bạn lựa chọn được font chữ Tiếng Việt đẹp, phù hợp với sản phẩm thiết kế của bạn.

Nguồn: https://www.vietrick.com/font-chu-tieng-viet-dep-tren-google-fonts/

Post a Comment

Previous Post Next Post