Web thay thế an toàn cho roboto?


11

Phông chữ an toàn web gần nhất với Roboto là gì?

Tôi cần biết điều này để cung cấp một giải pháp thay thế phù hợp cho Roboto cho các ứng dụng của mình.

CẬP NHẬT: đọc câu trả lời, rõ ràng khái niệm an toàn web cần được làm rõ. Trên thực tế tôi đang đề cập đến khái niệm webdev về web safe: http://www.w3schools.com/csSref/css_websafe_fonts.asp

bao gồm những điều sau đây:

  • Georgia, serif
  • "Kiểu mẫu Palatino", "Sách cổ", Palatino
  • "Thời đại La Mã mới", Thời đại
  • Arial, Helvetica, sans-serif
  • "Arial Black", Tiện ích
  • "Comic Sans MS", đáng nguyền rủa
  • Tác động, than
  • "Lucida Sans Unicode", "Lucida Grande"
  • Tahoma, Genève
  • "Trebuchet MS", Helvetica
  • Verdana, Genève
  • "Chuyển phát nhanh mới", Chuyển phát nhanh, đơn cách
  • "Bảng điều khiển Lucida", Monaco

3
"An toàn web" nghĩa là gì? Roboto có sẵn trên phông chữ Google. Có lý do nào bạn không muốn sử dụng dịch vụ đó (hoặc sử dụng @ font-face) không?
Scribpetacher

Xin chào ling, chào mừng bạn đến với GD.SE và cảm ơn câu hỏi của bạn. Bạn có thể vui lòng bao gồm một ảnh chụp màn hình của Roboto, vì vậy chúng tôi không phải tìm kiếm nó trước khi bắt đầu tìm kiếm các lựa chọn thay thế? Cảm ơn! Nếu bạn có bất kỳ câu hỏi nào về trang web Stack này, hãy xem trung tâm trợ giúp hoặc thoải mái tham gia với chúng tôi trong Trò chuyện thiết kế đồ họa . Hãy tiếp tục đóng góp và tận hưởng trang web!
Vincent

@Scrippetacher Xem câu hỏi cập nhật của tôi cho khái niệm an toàn web. Lý do tôi đang tìm kiếm nó là để cung cấp một dự phòng phông chữ, trong trường hợp xảy ra sự cố (như máy chủ cdn của google bị hỏng, tôi biết đó là giả thuyết, nhưng tôi cảm thấy an toàn hơn nếu tôi đặt dự phòng).
ling

@Vincent Đây là ảnh chụp màn hình (sắp xếp): Font.google.com.vn/specample/Roboto
ling

1
Trong trường hợp đó nếu đó là web an toàn mà bạn muốn, tôi muốn nói rằng lựa chọn tốt nhất của bạn là arial / helvética
Joana Ribeiro

Câu trả lời:


14

"An toàn web" là một khái niệm arcaic nhỏ.

Nhiều khả năng trang web của bạn biến mất trước khi google ngừng hỗ trợ các phông chữ mà nó đã liệt kê. Vì vậy, bất kỳ thay thế cho "phông chữ google" khác không có ý nghĩa.

Nếu bạn muốn bổ sung cho phong cách của bạn, hãy sử dụng:

font-family: "Roboto", Arial, Helvetica, sans-serif;

1
Đảm bảo rằng bạn bao gồm phông chữ bằng cách sử dụng @importhoặc một cái gì đó
Zach Saucier

8
An toàn web web không phải là một khái niệm cổ xưa. Các mặt phông chữ thường nằm trong phạm vi 20 505050b, mỗi mặt và nhiều thiết kế sử dụng 5+. Khi bạn xây dựng nội dung để được phục vụ cho 100 nghìn cá nhân ở Nigeria, Ghana và Pakistan, bạn đã có ngân sách khoảng 500kb cho toàn bộ trang, bao gồm các tiêu đề. Nếu bạn không cung cấp các lựa chọn thay thế an toàn cho web, bạn không có quyền kiểm soát và bạn sẽ mang đến trải nghiệm thực sự tồi tệ (hoặc không có gì cả nếu người dùng nhấn nút quay lại).
coreyward

Nếu bạn thực sự thêm các quy tắc để nhập phông chữ, chúng sẽ được nhập. Nếu bạn thực sự muốn có một trang web "kinh tế", bạn hãy chuẩn bị một trang web nhẹ từ đầu, có thể là một trang AMP.
Rafael

2

Roboto web an toàn vì nó là một phông chữ google nhưng nếu vì lý do nào đó bạn muốn rút khỏi Roboto, Open Sans hoặc Droid là những phông chữ phù hợp tốt.

1] 2] 3]

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.