Làm Thế Nào để Sử Dụng Font Chữ Của Google Cho Website

Đại Phố Web Development > Blog > Lập trình > Làm thế nào để sử dụng font chữ của Google cho website 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

6.036

Dịch vụ web

• Thiết kế web trọn gói
• Wordpress theme
• Wordpress Plugin
• Tối ưu hóa SEO
• Ứng dụng web-based/app trên nền web
• Phạm vi hoạt động: Tiền Giang, Long An, TP.HCM, Bình Dương, Đồng Nai
• Hotline: 03 6694 1906
• Email: [email protected]

Kết nối

Share on Facebook Share Share on TwitterTweet Share on Pinterest Share Share on LinkedIn Share Share on Digg Share

Đại Phố Network Media

Từ khóa

Biểu thức chính quy Blogspot CSS HTML Javascript Joomla JQuery Laravel MyBB PHP PHP Regular Expressions Quản trị hệ thống SEO Smarty Wordpress

Mẫu web mới

DP Care Service: Mẫu trang web dịch vụ

DP Care Service là mẫu giao điện trang web dành riêng cho các loại hình dịch vụ, thích hợp cho cả nhà xưởng phụ trợ công nghiệp và dịch vụ dân dụng như: chăm sóc xe, dịch vụ gia công cho các nhà xưởng, dịch vụ y tế chăm sóc sức khỏe, dịch vụ cho thuê, dịch vụ vận tải, các loại hình gia công… [ + ]

DP Vegan Restaurant: giao diện nhà hàng thuần chay

DP Vegan Restaurant là giao diện trang web, template mẫu dành cho các nhà hàng chay, cơ sở chế biến thực phẩm chay hoặc các cửa hiệu thực phẩm thuần chay. Phù hợp cả 2 loại hình trang web bán hàng và trang web dịch vụ.… [ + ]

Organic Farm: mẫu trang web nông sản hữu cơ xanh/nhà vườn

Organic Farm là trang web thương mại đện tử dành cho công ty, cơ sở sản xuất, phân phối: nông trại trồng rau hữu cơ, siêu thị, nông sản, thực phẩm xanh, trái cây, thực phẩm healthy, thảo mộc dược liệu, cửa hàng trà thảo dược hữu cơ, vườn bếp… [ + ]

Thủ thuật

PHP: Hàm sprintf – Trả về một chuỗi được định dạng

sprintf là một hàm thư viện chuẩn C. Cũng giống như ngôn ngữ C, hàm sprintf… [ + ]

Các phương thức của đối tượng Woocommerce Product

Bạn đang muốn tìm hiểu về các phương thức và hàm của đối tượng $product trong… [ + ]

WordPress: tạo dải số phân trang cho danh mục/taxonomy

Khi viết code cho Wordpress theme, bạn muốn tạo phân trang cho danh mục là các… [ + ]