Làm thế nào để sử dụng font chữ của Google cho website

Google Fonts có nhiều font chữ đẹp và bắt mắt với hàng trăm font. Bài viết này hướng dẫn cách sử dụng Google Font cho website của bạn theo chuẩn code CSS của Google.

Bạn cần khai báo CSS liên kết đến font mà bạn muốn.

Trước tiên bạn tìm trên Google font một font ưng ý. Nhấn vào link đến trang font đó. Ví dụ bên dưới mình chọn font: Dancing Script.

Tham khảo: Tải các font chữ đẹp miễn phí từ Google Fonts

Bạn sẽ thấy có nhiều font-style cho mỗi font như: thường, đậm, nghiên…. Bạn sẽ chọn font-style mà bạn muốn hoặc chọn tất cả.

Sau đó copy lấy đoạn mã CSS mà Google tạo sẵn bên thẻ Embed và dán vào phần head của trang web của bạn.

<link
    href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap"
    rel="stylesheet"> 

Khai báo CSS sử dụng font:

body {font-size: 22px}
h1 {font-size: 22px}
a {
    font-family: 'Dancing Script'; font-size: 22px;
}
.daipho {
    font-family: 'Dancing Script';font-size: 22px;
}

Kết quả:

Chúc bạn thành công.

Liên kết:

https://fonts.google.com/

CSS