Hướng dẫn sử dụng Google Fonts cho trang web của bạn

Google Fonts là công cụ nổi tiếng nhất cũng như dễ sử dụng nhất để thêm font chữ vào website của bạn.

Tìm font

Bạn vào Google Fonts, chọn cho mình một font vừa ý nhé.

Nhúng font vào web

Sau khi chọn được font, bạn bấm vào nút Get embed code để lấy mã nhúng. Tại đây, bạn có loại bỏ bớt các kiểu chữ không dùng tới để mã nhúng nhẹ hơn, tối ưu hóa tốc độ tải trang nhé.

Ví dụ mã nhúng font Roboto.

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">

Sau đó, bạn có thể thêm font vào CSS.