Vào trang https://fonts.google.com/?query=roboto để chọn loại font chữ roboo. Loại font này hiện tại là loại font phổ biến, dễ đọc và tạo thẩm mỹ đẹp cho trang web
Nhập vào ô tìm kiếm để tìm tên font hoặc bấm chọn luôn font phù hợp. Lưu ý không phải font nào cũng hỗ trợ tiếng Việt có dấu nên cần phải thử.
Sau khi chọn được font thì bấm vào nút Download font để tải về và cho vào một thư mục trong web
Nhúng font vào trang web
Định nghĩa font face: @font-face{
font-family: RobotoCondensed-Regular;
src: url('Roboto_Condensed/RobotoCondensed-Regular.ttf' );
}
Chú ý đường dẫn thư mục chứa font nhé
Áp dụng cho toàn bộ trang web kiểu font này thì bạn vào css viết ở bộ chọn *{ ....}
*{
font-family: RobotoCondensed-Regular;
}