Cách sử dụng phông chữ Roboto của Google ở mọi nơi

Phông chữ Roboto là một bộ font sans-serif mới được tạo bởi Google cho nền tảng Android Ice Cream Sandwich. Đó là một phông chữ đẹp và thanh lịch, hiển thị tốt trên màn hình có độ phân giải cao như điện thoại và máy tính bảng Android của bạn. Nó chứa tập hợp đầy đủ trọng lượng phông chữ (bao gồm trọng số in nghiêng thông thường, đậm, nghiêng và đậm) và được sử dụng chủ yếu cho các ứng dụng hệ thống và tất cả các ứng dụng của Google. Đây cũng là bước đầu tiên của Google để thống nhất nền tảng và giảm vấn đề phân mảnh giao diện người dùng.

Đối với những người yêu thích phông chữ và muốn sử dụng nó trên các ứng dụng của họ như Microsoft Word, Pages, Photoshop, GIMP hoặc thậm chí trên trang web của họ, Google đã phát hành font miễn phí và bây giờ bạn có thể sử dụng nó mà không có bất kỳ hạn chế nào (theo Giấy phép phần mềm Apache).

Đây là cách bạn có thể sử dụng nó (hầu như) ở khắp mọi nơi.

1. Trước tiên, hãy truy cập trang phông chữ Roboto và tải xuống phông chữ (tệp nén).

2. Giải nén tập tin nén. Bạn sẽ thấy một thư mục có tên “Roboto_Hinted_20111129”. Mở thư mục và bạn sẽ thấy tất cả các phông chữ roboto (trong (theo Giấy phép Phần mềm Apache) (theo Giấy phép Phần mềm Apache). (Theo Giấy phép Phần mềm Apache). Trọng lượng khác nhau) ở định dạng .ttf.

Đối với Linux (Ubuntu):

Mở thư mục chính của bạn và bật tùy chọn để xem các tệp / thư mục ẩn. Tìm thư mục “ .fonts ”. Nếu nó không tồn tại, hãy tạo nó. Tiếp theo, di chuyển thư mục phông chữ Roboto vào thư mục “ .fonts ” này.

Khởi động lại LibreOffice, GIMP, Photoshop hoặc bất kỳ ứng dụng nào bạn đang sử dụng. Bạn sẽ thấy phông chữ Roboto có sẵn để lựa chọn.

Cho cửa sổ

Mở thư mục phông chữ Roboto. Chọn tất cả các phông chữ. Nhấp chuột phải và chọn “Cài đặt”.

Điều này sẽ cài đặt phông chữ cho máy tính Windows của bạn. Bây giờ bạn có thể sử dụng phông chữ Roboto trong các ứng dụng của mình.

Dành cho Mac

Chỉ cần kéo tất cả các phông chữ Roboto vào Font Book của bạn.

Dành cho điện thoại Android

Vì phông chữ là một ứng dụng cấp hệ thống, bạn sẽ không thể thay đổi phông chữ dễ dàng trong điện thoại Android của mình. Đối với những người có điện thoại Android cũ hơn (trước Android 4.0 ICS), bạn sẽ phải nhổ tận gốc điện thoại của mình và cài đặt ứng dụng Font Changer Tùy chỉnh Trình chuyển phông chữ của Android.

Mở ứng dụng Trình quản lý tệp của bạn, điều hướng đến thư mục gốc của Thẻ SD (/ sdcard) và tạo thư mục (nếu không tồn tại) “.fontchanger”. Đặt tất cả phông chữ Roboto trong thư mục này. Mở ứng dụng Font Changer và cấp quyền cho SuperUser. Sau khi được tải, bạn sẽ thấy phông chữ Roboto để chọn trong menu chính.

Dành cho iOS

Không có cách nào để thay đổi phông chữ hệ thống iOS mà không cần bẻ khóa thiết bị. Hãy chuẩn bị để làm mất hiệu lực bảo hành của bạn.

1. Jailbreak thiết bị iOS của bạn và cài đặt BytaFont từ Cydia.

2. Tiếp theo, vào "Cydia -> Section -> Fonts" và cài đặt phông chữ Roboto

3. Cuối cùng, chạy ứng dụng BytaFont và bạn sẽ thấy phông chữ Roboto trong danh sách, sẵn sàng để được áp dụng.

Đối với Web

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

1. Truy cập trang phông chữ FontSquirrel Roboto và nhấp vào liên kết “@ font-face Kit”. Tải xuống “bộ công cụ phông chữ @”.

(theo Giấy phép Phần mềm Apache).

2. Giải nén tập tin nén vào thư mục phông chữ trang web của bạn. Mở biểu định kiểu web của bạn và thêm mã sau:

 @ font-face {font-family: 'Roboto'; src: url ('Roboto-Regular-webfont.eot'); src: url (định dạng 'Roboto-Regular-webfont.eot? #iefix') ('nhúng-opentype'), url ('Roboto-Regular-webfont.woff') định dạng ('woff'), url ('Roboto- Định dạng Regular-webfont.ttf ') (' truetype '), url (định dạng' Roboto-Regular-webfont.svg # RobotoRegular ') (' svg '); font-weight: bình thường; font-style: bình thường; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Italic-webfont.eot'); src: url (định dạng 'Roboto-Italic-webfont.eot? #iefix') ('nhúng-opentype'), url ('Roboto-Italic-webfont.woff') định dạng ('woff'), url ('Roboto- Italic-webfont.ttf ') định dạng (' truetype '), url (' Roboto-Italic-webfont.svg # RobotoItalic ') định dạng (' svg '); font-weight: bình thường; font-style: nghiêng; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Bold-webfont.eot'); src: url (định dạng 'Roboto-Bold-webfont.eot? #iefix') ('nhúng-opentype'), url ('Roboto-Bold-webfont.woff') định dạng ('woff'), url ('Roboto- Định dạng Bold-webfont.ttf ') (' truetype '), url (định dạng' Roboto-Bold-webfont.svg # RobotoBold ') (' svg '); font-weight: bold; font-style: bình thường; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-BoldItalic-webfont.eot'); src: url (định dạng 'Roboto-BoldItalic-webfont.eot? #iefix') ('nhúng-opentype'), url ('Roboto-BoldItalic-webfont.woff') định dạng ('woff'), url ('Roboto- BoldItalic-webfont.ttf ') định dạng (' truetype '), url (' Roboto-BoldItalic-webfont.svg # RobotoBoldItalic ') định dạng (' svg '); font-weight: bold; font-style: nghiêng; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Thin-webfont.eot'); src: url (định dạng 'Roboto-Thin-webfont.eot? #iefix') ('nhúng-opentype'), định dạng url ('Roboto-Thin-webfont.woff') ('woff'), url ('Roboto- Thin-webfont.ttf ') định dạng (' truetype '), url (' Roboto-Thin-webfont.svg # RobotoThin ') định dạng (' svg '); font-weight: 200; font-style: bình thường; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-ThinItalic-webfont.eot'); src: url (định dạng 'Roboto-ThinItalic-webfont.eot? #iefix') ('nhúng-opentype'), định dạng url ('Roboto-ThinItalic-webfont.woff') ('woff'), url ('Roboto- ThinItalic-webfont.ttf ') định dạng (' truetype '), url (' Roboto-ThinItalic-webfont.svg # RobotoThinItalic ') định dạng (' svg '); (theo Giấy phép Phần mềm Apache). font-weight: 200; font-style: nghiêng; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Light-webfont.eot'); src: url (định dạng 'Roboto-Light-webfont.eot? #iefix') ('nhúng-opentype'), url ('Roboto-Light-webfont.woff') định dạng ('woff'), url ('Roboto- Light-webfont.ttf ') định dạng (' truetype '), url (' Roboto-Light-webfont.svg # RobotoLight ') định dạng (' svg '); font-weight: 100; font-style: bình thường; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-LightItalic-webfont.eot'); src: url (định dạng 'Roboto-LightItalic-webfont.eot? #iefix') ('nhúng-opentype'), url ('Roboto-LightItalic-webfont.woff') định dạng ('woff'), url ('Roboto- LightItalic-webfont.ttf ') định dạng (' truetype '), url (' Roboto-LightItalic-webfont.svg # RobotoLightItalic ') định dạng (' svg '); font-weight: 100; font-style: nghiêng; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-Medium-webfont.eot'); src: url (định dạng 'Roboto-Medium-webfont.eot? #iefix') ('nhúng-opentype'), định dạng url ('Roboto-Medium-webfont.woff') ('woff'), url ('Roboto- Medium-webfont.ttf ') định dạng (' truetype '), url (' Roboto-Medium-webfont.svg # RobotoMedium ') định dạng (' svg '); font-weight: 300; font-style: bình thường; } @ font-face {font-family: 'Roboto'; src: url ('Roboto-MediumItalic-webfont.eot'); src: url (định dạng 'Roboto-MediumItalic-webfont.eot? #iefix') ('nhúng-opentype'), url ('Roboto-MediumItalic-webfont.woff') định dạng ('woff'), url ('Roboto- MediumItalic-webfont.ttf ') định dạng (' truetype '), url (' Roboto-MediumItalic-webfont.svg # RobotoMediumItalic ') định dạng (' svg '); font-weight: 300; font-style: nghiêng; }

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

Tiếp theo, bạn có thể sử dụng cú pháp