TH03109 - Phát triển ứng dụng Web - v1.0
  • 🌏1-Tổng quan về công nghệ WEB
  • 🔡2-Định dạng văn bản trong HTML
    • 💡Bài tập
  • 🌌3-Chèn và định dạng Images
    • 💡Bài tập
  • 🔗4-Tạo các liên kết trong HTML
    • 💡Bài tập
  • 🗓️5-Chèn và định dạng bảng trong HTML
    • 💡Bài tập
  • 🔢6-Chèn và định dạng form
    • 💡Bài tập
  • 🛍️7-Chèn CSS vào website
    • 💡Bài tập
  • 🔖8- Bộ chọn trong CSS (CSS Selector)
    • 💡Bài tập
  • 📦9-CSS BOX SIZING
    • 💡Bài tập
  • ⚡10-Thiết kế website responsive
    • 💡Bài tập
  • 🌀11-Giới thiệu Javascript
    • 💡Bài tập
  • ⚙️12-Hàm trong Javascript
    • 💡Bài tập
  • 📃13-Mô hình HTML DOM
    • 💡Bài tập
  • 🔮14-Tổng quan về bootstrap
    • 💡Bài tập
  • 🟢15-Thiết kế layout website bằng Bootstrap
    • 💡Bài tập
  • Bài đọc thêm
    • ✅Hướng dẫn sử dụng bộ công cụ icon fontawesome
    • 🧮Hướng dẫn sử dụng công cụ Google Font
    • ✏️Codepen là gì ? Hướng dẫn sử dụng Codepen cơ bản
  • Thi thử cuối kỳ
Powered by GitBook
On this page
  1. Bài đọc thêm

Hướng dẫn sử dụng công cụ Google Font

PreviousHướng dẫn sử dụng bộ công cụ icon fontawesomeNextCodepen là gì ? Hướng dẫn sử dụng Codepen cơ bản

Last updated 2 years ago

Google Font là một công cụ cung cấp nhiều định dạng font phổ biến và hỗ trợ tối đa trên các trình duyệt. Bạn hoàn toàn có thể lấy mẫu font mình yêu thích và nhúng vào website của mình.

Để thực hiện sử dụng google font, bạn chỉ cần đơn giản thực hiện một vài bước sau đây:

Bước 1: Truy cập vào trang google font tại địa chỉ:

Bước 2: Tại mục Language, bạn chọn ngôn ngữ Vietnamese (Đối với bạn muốn sử dụng font tiếng việt)

Bước 3: Click chọn một mẫu mà mình yêu thích và chọn vào biểu tượng select style

Bước 4: Bạn chỉ cần copy thẻ link trong mục link (phía bên phải) và nhúng vào trong phần head của website của bạn. Bạn đã có ngay font đó.

Bước 5: Thiết lập thuộc tính font-family với tên font do google cung cấp và thưởng thức thành quả.

🧮
https://fonts.google.com/
Page cover image