Web An toàn thay thế cho My Vô số Phông chữ Pro?

61

Có bất kỳ phông chữ nào tôi có thể sử dụng trong ngăn xếp phông chữ của mình ít nhiều giống với My Vô số Pro và web an toàn không?

website-design  font-recommendation  web-safe 
— Atif Mohammed Ameenuddin
nguồn
5
Theo "web safe", bạn có nghĩa là về mặt giấy phép / chi phí (như trong, nguồn mở và miễn phí, do đó có thể sử dụng trên web mà không cần cấp phép bổ sung), hoặc bạn có nghĩa là nó được tối ưu hóa cho web (đi kèm với các phiên bản TTF và WOFF và quy tắc khuôn mặt @ phông chữ) hoặc bạn có nghĩa là nó đã được cài đặt trên hầu hết các máy tính / thiết bị của mọi người, do đó làm cho nó "an toàn" để sử dụng trên các trang web?
— thomasrutter

Câu trả lời:

39

Bạn có thể tìm thấy một cái gì đó tương tự trong thư mục Google Fonts . Tất cả những gì bạn phải làm là đưa liên kết của chúng vào đầu trang html của bạn và bạn có thể sử dụng các phông chữ trong CSS của mình.

PT Sans khá giống nhau (so với phần còn lại của danh sách)

— dkuntz2
nguồn
2
-1 Tôi nghĩ rằng phần lớn các phông chữ google không phải là chất liệu phông chữ thực sự tốt, chúng thiếu nhiều glyphs và không có trọng lượng.
— Littlemad
7
Thiếu trọng lượng, chắc chắn, nhưng có nhiều phông chữ chuyên nghiệp cũng có ít trọng lượng, như đối với glyphs, vui lòng xem các phông chữ, họ có sáu bảng chữ cái bạn có thể lọc theo (hai trong số đó có thêm glyphs), Tôi nghĩ bạn đã sai. Thêm vào đó tìm cho tôi một dịch vụ miễn phí tốt hơn.
— dkuntz2
Tìm thấy tốt, nhưng chữ "Q" của PT khá to.
— jonallard
Cũng xem xét rằng 90 +% lưu lượng truy cập phương tiện truyền thông xã hội hiện thông qua điện thoại di động (bao gồm cả các trang web bắt buộc liên kết đến) và 55 +% lưu lượng truy cập trang web là điện thoại di động. Về mặt trang web, nó phải kém về mặt thẩm mỹ và nhiều hơn về phông chữ nào thể hiện sự giao tiếp của bạn một cách hiệu quả nhất trên một thiết kế phản hồi tức là nó không đủ tốt để nó hoạt động tốt trên màn hình iMac 27 ". Đây là thế giới thực và làm cho một dịch vụ miễn phí như Google Fonts trở thành không có trí tuệ đối với tôi. Và thời gian là tiền về mặt thương mại - bạn đã lãng phí bao nhiêu khi thử nghiệm một phông chữ?
— Applefanboy
20

Theo Wikipedia Myriad Pro được gói cùng với Adobe Reader không phải với Windows.

Và một tìm kiếm nhanh của Google cho thấy bạn có thể sử dụng nó trên web bằng Typekit (với đăng ký $ 24,99 / năm): http://typekit.com/fonts/myriad-pro

— Niết
nguồn
Tôi đã đi đến ampersandconf và phát hiện ra nhiều dịch vụ hơn xung quanh +1 Dịch vụ tốt nhất cho tôi (các lựa chọn khác là fontdeck, webtype, myfonts, hoefler & frere-jones và fontfont)
— Littlemad
@Littlemad bạn biết rằng H & FJ không có dịch vụ webfont, phải không?
— dkuntz2
Tôi đã ở Ampersandconf 2011.ampersandconf.com nơi Jonathan Hoefler tuyên bố họ đang làm việc để đưa lên web các phông chữ của họ. typography.com/ask/faq.php?faqID=126#Faq_126 Tôi thực sự khá ngạc nhiên khi họ không xuất bản bất cứ điều gì sau tất cả những tháng này.
— Littlemad
17

Nếu trang web của bạn nhắm vào đám đông nhà thiết kế, nhiều người trong số họ sẽ cài đặt Adobe Suite (đừng hỏi bằng phương tiện gì). Kottke.org sử dụng nó mà không nhúng css và đây là quy tắc họ phông chữ của anh ấy:

font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;

— phương pháp
nguồn
Mặc dù nó chỉ là một ngăn xếp, nhưng đây là một ngăn xếp khá tốt cho trường hợp này.
— dkuntz2
2
Nơi mà bạn có được những tên phông chữ? Adobe phải là xưởng đúc duy nhất tạo ra My Vô số và họ chỉ phát hành nó dưới dạng "My Vô số" "My Vô số Pro" (OpenType) và "My Vô số Web Pro". Các phiên bản khác mà bạn tham chiếu không chuẩn. Chúng có thể được tạo nếu ai đó chạy một bản sao phông chữ của Adobe thông qua trình chỉnh sửa phông chữ hoặc trình chuyển đổi phông chữ, nhưng đó là một tình huống cực kỳ khó xảy ra.
— Lèse majesté
9

Một phông chữ miễn phí rất, rất gần gũi: Vegur

Hỗ trợ nhân vật không phải là tốt nhất, nhưng nếu nó chỉ dành cho tiêu đề và nó thực sự phải là Vô số, thì nỗ lực thêm của @ font-face-ing có thể đáng giá.

— sebastian_k
nguồn
1
"Web safe" có nghĩa là nó phải có sẵn trên trình duyệt máy khách mà không cần phải cài đặt nó. Không thành vấn đề nếu nó miễn phí - bạn vẫn phải tải xuống và cài đặt nó trên máy tính của mình để xem nó trên một trang web sử dụng nó. Verdanakhá an toàn vì được cài đặt mặc định trên nhiều hệ thống. Arialthậm chí còn phổ biến hơn. Như một dự phòng cuối cùng, hãy sử dụng sans serif, đó là một tên tiêu chuẩn cho kiểu phông chữ này và tất cả các trình duyệt sẽ tự động dịch nó sang một phông chữ tương tự được cài đặt.
— Aᵂᴱ
2
Vegur nằm trong Miền công cộng, vì vậy bạn luôn có thể chuẩn bị phông chữ web và lưu trữ nó trên máy chủ của mình. Bằng cách này, bạn có thể làm cho nó có sẵn trên hầu hết các trình duyệt mà không cần cài đặt có sự trợ giúp của người dùng (ý tôi là, trên IE, thậm chí các phiên bản cũ hơn, Opera, Safari, Chrome, Firefox và có lẽ ít hơn nữa).
— skalee
6

Bạn có nhiều lựa chọn khác nhau:

  • Một ngày nào đó trong tương lai bạn có thể sử dụng @ font-face tải bất kỳ phông chữ nào bạn muốn (giấy phép nào được phân phối miễn phí).

  • Nếu bạn chỉ sử dụng nó cho các tiêu đề, bạn có thể sử dụng kỹ thuật SIFR sử dụng flash hoặc kỹ thuật Thay thế hình ảnh đơn giản

  • Hoặc bạn có thể sử dụng, như các máy chủ lưu trữ thanh toán đã được đề xuất cho Typekit .

— Littlemad
nguồn
4

Vegur có bộ công cụ @ font-face (cũng như Cufon) tại http://www.cufonfonts.com/en/font/12046/vegur . Hỗ trợ trình duyệt đã phát triển đến mức hầu hết mọi người sẽ có thể thấy phông chữ được sử dụng thông qua @ font-face ngay cả khi họ không cài đặt phông chữ, miễn là phông chữ được lưu trữ trên máy chủ.

— NDeLeon
nguồn
4

Tôi đã có cùng một câu hỏi, tôi đã giải quyết tại CartoGothic-Std sau khi đọc bài viết sau:

http://www.onextrapixel.com/2011/06/29/10-awgie-alternative-free-web-fonts/

Liên kết tải xuống của phông chữ:

http://www.fontsquirrel.com/fonts/CartoGothic-Std

— A. Perez Cera
nguồn
2
Carto là một sự lột xác không thể bỏ qua của Frutiger. Vì Myriad chủ yếu là một sự lột xác của Frutiger (ít hơn so với Carto), đó là trận đấu của bạn.
— thường phục
Không biết nó là gì và không thể tranh luận gì ngoài việc nhận ra mối quan hệ. Tuy nhiên, thật tuyệt khi tìm thấy các lựa chọn thay thế miễn phí tương tự cho các phông chữ trả phí. Tuy nhiên cuối cùng tôi sẽ có được cả Frutiger và Myriad. Tôi không làm việc trong thiết kế nhưng đó là những phông chữ phải có.
— A. Perez Cera
Frutiger và Univers đều là những tác phẩm tuyệt vời mà Adrian Frutiger đang nợ công nghiệp thiết kế :)
— mặc thường phục
3

Khi tôi không thể sử dụng Myriad Pro (là tiêu chuẩn của công ty chúng tôi cho các tiêu đề, tiêu đề, v.v.), tôi thường sử dụng Verdana. Tôi chưa bao giờ có vấn đề với nó là không có sẵn.

— Hầm
nguồn
Frutiger và Trebuchet cũng là một trận đấu hay, Lucida Grande hơi kém một chút, nhưng cũng tương tự.
— Lèse majesté
3

Trong quá trình cài đặt Windows 7 của tôi (đã cài đặt MS Office 2010), tôi có các phông chữ phù hợp nhất: Lucida Sans , Segoe UI , Calibri , và sau đó là phông chữ chung sans serif như là dự phòng cuối cùng.

CSS cho điều này sẽ là:

font-family: Myriad Pro, Lucida Sans, Segoe UI, Calibri, sans serif;
— ᵂᴱ
nguồn
1
Arial là một phông chữ neogrotesque như Helvetica và Univers hoặc Akzidenz-Grotesk. Nó không phải là một thay thế tốt cho Myriad, đó là một phông chữ nhân văn. Đối với các HĐH Windows, một sự thay thế tốt hơn cho My Vô số bên cạnh Verdana sẽ là Frutiger hoặc Trebuchet. Tương tự, "sans serif" không phải là tên của một họ phông chữ thực sự. Trên OS X, Helvetica sẽ được sử dụng là "sans serif" và trên Windows, nó thường là Arial. Trên Ubuntu, nó sẽ ánh xạ tới Ubuntu, một phông chữ nhân văn sans serif, nhưng tôi không biết nó ánh xạ với những hệ điều hành nào khác.
— Lèse majesté
@ Lèsemajesté: Tôi đồng ý rằng Verdana và Arial có thể không phải là lựa chọn tốt nhất. Tôi đã thay đổi câu trả lời của tôi để đề xuất một số lựa chọn thay thế tốt hơn. Khi nói đến "sans serif", đây là một trong năm phông chữ chung, là những phông chữ duy nhất thực sự "an toàn cho web", bởi vì chúng được xác định trong các tiêu chuẩn web và trình duyệt cố gắng tìm sự phù hợp nhất. Xem w3.org để biết cách sử dụng ví dụ về phông chữ chung CSS.
— Aᵂᴱ
2

Nguồn Sans Pro là một thay thế tuyệt vời.

Nó có sẵn thông qua Google Fonts: http://www.google.com/fonts/specample/Source+Sans+Pro

Rất giống với Myriad Pro, đại gia đình. Được ủy quyền bởi Adobe (người cũng là tác giả của Myriad Pro) là họ kiểu mã nguồn mở đầu tiên cho văn bản.

— Matthew
nguồn
1

Tôi đã thử tất cả các phông chữ được đề xuất ở trên và tôi vẫn không nghĩ bất kỳ phông chữ nào phù hợp với My Vô số Pro như Trebuchet MS. Hãy thử xem. Nó có xu hướng gầy hơn / ít đậm hơn My Vô số, nhưng tôi thấy tôi có thể thấy nó khá gần sau khi làm hỏng các thuộc tính phông chữ.

— Dave W
nguồn
0

Nếu bạn muốn sử dụng @font-facetôi luôn luôn tìm đến phông chữ sóc . bạn có thể tải lên phông chữ và họ sẽ tạo một bộ cho trang web của bạn kèm theo css.

— Thứ năm
nguồn
-1

Đối với tất cả những người dự định sử dụng Thư mục Phông chữ của Google (đôi khi, tôi cũng sử dụng nó). Xin lưu ý rằng một số phông chữ thêm trọng lượng / thời gian tải đáng kể vào các trang của bạn. Trong trường hợp của họ PT Sans đã đề cập, đó là "Đã thêm trọng lượng trang: nén 224kb". Kiểm tra nó ở đây: http://www.google.com/webfonts/family?family=PT+Sans&subset=latin

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 cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.