Hướng dẫn cách cài đặt phông chữ cho Google Chrome

Nói đến Google Chrome thì hẳn ai cũng biết, bởi đây là trình duyệt web an toàn và dễ sử dụng. Điểm mạnh là Google Chrome hỗ trợ giao diện nhiều loại ngôn ngữ khác nhau dễ dàng cho người sử dụng. Hãy xem bài viết dưới đây để biết cách cài đặt phông chữ cho Google Chrome.

Phông chữ Roboto là một kiểu chữ theo phong cách sans-serif được sáng tạo bởi Google. Phông chữ này đã xuất hiện từ những ngày đầu ra mắt Android 4.0 (Ice Cream Sandwich) với ưu điểm là sự thanh lịch và cho khả năng hiển thị tốt trên màn hình có độ phân giải cao như điện thoại Android.

Phông chữ Roboto là một kiểu chữ theo phong cách sans-serif được sáng tạo bởi Google.

Roboto có đầy đủ các kiểu chữ (bao gồm kiểu thông thường, đậm, nghiêng, nghiêng và đậm) và được sử dụng chủ yếu trên các ứng dụng hệ thống và tất cả các ứng dụng của Google.

Có một tin tốt cho những người yêu thích phông chữ này, đó là các nhà phát triển của Google đã phát hành phông chữ Roboto miễn phí và bạn có thể sử dụng nó mà không bị hạn chế (theo Giấy phép Phần mềm Apache). Vậy nên giờ đây bạn hoàn toàn có thể sử dụng nó trên Windows, MAC, Linux hoặc thậm chí trên trang web của mình.

Tải về Google Roboto

Cho dù bạn dùng hệ điều hành nào đi chăng nữa thì việc đầu tiên và quan trọng nhất là tải bộ phông chữ Google Roboto về máy.

Truy cập trang Roboto font site và tải xuống phông chữ (file nén). Bạn cần phải nhấp vào “Select this Font” và sau đó ở cuối màn hình, nhấp vào tab tối màu có nội dung “1 Family Selected”.

Trong tab mới được mở, nhấp vào biểu tượng “download” để tải cài đặt phông chữ cho Google Chrom  xuống phông chữ Roboto. Bộ phông chữ sau đó sẽ được tải về dưới dạng file zip.

Giải nén file zip bạn vừa tải về vào một thư mục tùy ý. Mở thư mục đó ra và bạn sẽ thấy tất cả các phông chữ Roboto bên trong.

Xem thêm:

• Hướng dẫn download nhiều ảnh từ Google Photos về điện thoại, máy tính
  
• Hướng dẫn đổi tên tài khoản instagram trên điện thoại/máy tính
  
• Hướng dẫn cách thay đổi ngôn ngữ khi sử dụng ứng dụng Spotify
  

Cài đặt Roboto Font trên Windows 10

Mở thư mục phông chữ Roboto. Chọn tất cả các phông chữ, sau đó nhấp chuột phải và chọn “Install”.

Đến đây phông chữ sẽ tự động được cài đặt cài đặt phông chữ cho Google Chrom vào hệ thống của bạn sau ít phút. Bây giờ bạn đã có thể sử dụng phông chữ Roboto trên các ứng dụng trong máy.

Cài đặt Roboto Font trên Linux

Mở thư mục chính của bạn và sau đó bật chế độ cho phép các tệp/thư mục ẩn. cài đặt phông chữ cho Google Chrom  Tìm thư mục “.fonts”. Nếu không có, hãy tạo một thư mục mới có đuôi “.fonts”. Tiếp theo, di chuyển thư mục chứa phông chữ Roboto vào thư mục “.fonts” mà bạn vừa tạo.

Tiếp theo, bạn khởi động lại LibreOffice, GIMP, Photoshop cài đặt phông chữ cho Google Chrom hoặc bất kỳ ứng dụng nào mà bạn đang sử dụng. Bạn sẽ thấy phông chữ Roboto xuất hiện để lựa chọn.

Cài đặt Roboto Font trên MAC

Đối với MAC thì cách làm Tương tự như trên Windows. Đầu tiên bạn giải nén phông chữ, nhấp đúp để cài đặt và Roboto sẽ xuất hiện trong Font Book. của bạn. Ngoài ra, bạn cũng có thể kéo và thả chúng vào Font Book của bạn.

☑️☑️☑️ Mua ngay Laptop MacBook Pro M2 2022 tại ShopDunk chính hãng - giá tốt - trả góp 0% - giảm đến 500.000đ

Cài đặt Roboto Font cho website

Nếu bạn muốn sử dụng phông chữ Roboto trên trang web của mình, bạn có thể sử dụng cú pháp “@ font-face” CSS3. Đây là củ pháp để nhúng các phông chữ từ bên ngoài vào trang web.

Truy cập trang phông chữ FontSquirrel Roboto, nhấp vào “Webfont Kit”, sau đó chọn các định dạng phông chữ mà bạn thích và nhấp vào “Download @Font-Face Kit.”

Giải nén file tải về vào thư mục phông chữ cho trang web của bạn. Sau đó mở stylesheet trên trang web của bạn và thêm mã sau:

@font-face {
 font-family: 'Roboto';
 src: url('Roboto-Regular-webfont.eot');
 src: url('Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-Regular-webfont.woff') format('woff'),
 url('Roboto-Regular-webfont.ttf') format('truetype'),
 url('Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
 font-weight: normal;
 font-style: normal;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-Italic-webfont.eot');
 src: url('Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-Italic-webfont.woff') format('woff'),
 url('Roboto-Italic-webfont.ttf') format('truetype'),
 url('Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
 font-weight: normal;
 font-style: italic;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-Bold-webfont.eot');
 src: url('Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-Bold-webfont.woff') format('woff'),
 url('Roboto-Bold-webfont.ttf') format('truetype'),
 url('Roboto-Bold-webfont.svg#RobotoBold') format('svg');
 font-weight: bold;
 font-style: normal;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-BoldItalic-webfont.eot');
 src: url('Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-BoldItalic-webfont.woff') format('woff'),
 url('Roboto-BoldItalic-webfont.ttf') format('truetype'),
 url('Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
 font-weight: bold;
 font-style: italic;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-Thin-webfont.eot');
 src: url('Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-Thin-webfont.woff') format('woff'),
 url('Roboto-Thin-webfont.ttf') format('truetype'),
 url('Roboto-Thin-webfont.svg#RobotoThin') format('svg');
 font-weight: 200;
 font-style: normal;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-ThinItalic-webfont.eot');
 src: url('Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-ThinItalic-webfont.woff') format('woff'),
 url('Roboto-ThinItalic-webfont.ttf') format('truetype'),
 url('Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg'); (under the Apache Software License). 
 font-weight: 200;
 font-style: italic;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-Light-webfont.eot');
 src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-Light-webfont.woff') format('woff'),
 url('Roboto-Light-webfont.ttf') format('truetype'),
 url('Roboto-Light-webfont.svg#RobotoLight') format('svg');
 font-weight: 100;
 font-style: normal;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-LightItalic-webfont.eot');
 src: url('Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-LightItalic-webfont.woff') format('woff'),
 url('Roboto-LightItalic-webfont.ttf') format('truetype'),
 url('Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
 font-weight: 100;
 font-style: italic;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-Medium-webfont.eot');
 src: url('Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-Medium-webfont.woff') format('woff'),
 url('Roboto-Medium-webfont.ttf') format('truetype'),
 url('Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
 font-weight: 300;
 font-style: normal;
}
 
@font-face {
 font-family: 'Roboto';
 src: url('Roboto-MediumItalic-webfont.eot');
 src: url('Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
 url('Roboto-MediumItalic-webfont.woff') format('woff'),
 url('Roboto-MediumItalic-webfont.ttf') format('truetype'),
 url('Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
 font-weight: 300;
 font-style: italic;

Hãy chắc chắn rằng bạn thay đổi “src” đến đường dẫn của thư mục phông chữ.

Tiếp theo, bạn sử dụng cú pháp sau để hiển thị phông chữ Roboto trên trang web của mình và biết cách cài đặt phông chữ cho Google Chrome

Đăng ký đặt hàng iPhone mới 2018 trên ShopDunk đơn giản nhất:

iPhone 15 Series mới ra mắt đang là cơn sốt của nhiều người dùng yêu công nghệ, đặc biệt dòng sản phẩm iPhone 15 Pro Max dự kiến sẽ là sản phẩm bùng nổ doanh số của nhà Apple. Giá iPhone 15 Pro Max chỉ từ 22.999.000đ đến 34.999.000đ, bạn có thể giảm tới 2 triệu đồng qua cổng thanh toán và được hỗ trợ 1.5 triệu đồng khi đổi máy cũ. Hãy nhanh tay mua ngay để được trả góp với lãi suất 0%.