Google Web Fonts hay Typekit?

Là một nhà thiết kế đồ họa, tôi làm thiết kế trang web, nhưng không phát triển. Hôm nay có ai đó hỏi tôi rằng tôi có biết về Typekit không và tôi chưa nghe về nó nên tôi đã tìm hiểu về nó và có vẻ như nó giống như một phiên bản Google Web Fonts được trả tiền; mà tôi thỉnh thoảng sử dụng. Tôi không biết lý do kỹ thuật, nhà phát triển để sử dụng cái này hay cái kia, nhưng tôi không muốn khách hàng của mình mua thứ gì đó khi anh ta có thể sử dụng thứ khác miễn phí và có cùng kết quả. Vì vậy, câu hỏi của tôi là, cái này tốt hơn cái kia? Hoặc có điểm tốt và xấu cho cả hai?

Một tùy chọn khác linh hoạt hơn một trong số đó là sử dụng @ font-face .

Nó miễn phí và bạn có thể sử dụng bất kỳ phông chữ nào bạn muốn. Chỉ cần tải lên phông chữ đến bất cứ nơi nào trang web được lưu trữ và chỉ định nó trong css. Chỉ có điều là bạn phải chuyển đổi định dạng phông chữ để tương thích với các trình duyệt khác nhau.

Đây là một ví dụ - giả sử bạn muốn sử dụng phông chữ LeagueGothic:

1) Sử dụng trình chuyển đổi phông chữ để chuyển đổi nó thành .ttf, eot, woff, v.v ... http://www.fontsquirrel.com/fontface/generator

2) Tải tất cả các tệp phông lên thư mục phông chữ

3) Trong CSS của bạn, bao gồm (đảm bảo cập nhật url đường dẫn phù hợp):

      @font-face {
       font-family: 'LeagueGothicRegular';
       src: url('../fonts/League_Gothic-webfont.eot');
       src: url('../fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/League_Gothic-webfont.woff') format('woff'),
       url('../fonts/League_Gothic-webfont.ttf') format('truetype'),
       url('../fonts/League_Gothic-webfont.svg#webfontFHzvtkso') format('svg');
       font-weight: normal;
       font-style: normal;
     }

4) Và khi bạn muốn sử dụng nó, chỉ cần gọi nó:

    h3{ 
      font-family: 'LeagueGothicRegular', 'Gill Sans', 'Lucida Grande', Trebuchet, sans-  serif; 
    }

Chưa từng thử Typekit, nhưng tôi nghĩ rằng về cơ bản nó cũng làm điều tương tự - chỉ cần thực hiện bước chuyển đổi và lưu trữ cho bạn, đồng thời cung cấp nhiều phông chữ để lựa chọn. @ font-face thực sự không phải là nhiều công việc hơn, vì vậy cá nhân tôi thích nó.

Kiểm tra bài đăng này để biết thêm thông tin: http://sixrevutions.com/css/font-face-guide

Đầu tiên, bạn có hài lòng với các lựa chọn loại và khoảng cách ký tự của phông chữ trên Google Web Fonts không? Tôi chưa sử dụng chúng, mặc dù tôi đã thấy ít nhất một hoặc hai trang web có kết quả tuyệt vời khi sử dụng chúng. Đồng thời, một số màn hình hiển thị phông chữ của chúng hiển thị chữ kém (chủ yếu là quá nhiều khoảng trống giữa các chữ cái).

Nếu bạn cần khớp với Phông chữ Adobe được sử dụng trong in ấn, âm thanh như Typekit có thể phù hợp với hóa đơn. Hiện tại họ không hiển thị quá nhiều phông chữ Adobe ở cấp tài khoản cơ bản, mặc dù có rất nhiều sự lựa chọn. Tài khoản cơ bản là khá rẻ, vì vậy một khách hàng sẽ có thể đủ khả năng. Hiện tại tôi đang sử dụng nó trên một blog trên DrupalGardens và rất thích có thể sử dụng Myriad Pro.

Có thể đi xuống để chọn các phông chữ bạn muốn sử dụng, xem trang web nào có những gì bạn muốn hoặc gần với nó, và đi theo dòng chảy. Bạn có thể kiểm tra typecast, một trang web mới hiện đang ở giai đoạn thử nghiệm riêng tư, nơi bạn có thể thiết kế trên lông mày, chọn webfont từ Google, Typekit, Fonts dot com, v.v., tạo thiết kế trang web của bạn bằng phông chữ web, xem chính xác nó sẽ trông như thế nào , sau đó sắp xếp các phông chữ phù hợp với bạn. Tôi đã yêu cầu tham gia bản beta, để kiểm tra. Chắc chắn sẽ làm cho quá trình trơn tru hơn cho các nhà thiết kế.

Về mặt công nghệ, chúng khá giống nhau.

Về mặt sản phẩm, họ khác nhau ở chỗ Google đang tập trung vào các dịch vụ nguồn mở (miễn phí) trong khi Typekit đang tập trung vào cấp phép loại thương mại.

Quyết định sử dụng sẽ thực sự đi đến kiểu chữ nào bạn muốn sử dụng.

Lưu ý rằng rất nhiều xưởng đúc và nhà phân phối loại hiện đang cung cấp các dịch vụ như typekit, vì vậy chắc chắn mua sắm xung quanh một chút.

Bạn cũng nên kiểm tra webfonts.fonts.com vì họ cũng có rất nhiều lựa chọn về phông chữ web. Họ cũng mang nhiều phông chữ thương hiệu hàng đầu mà các thương hiệu sử dụng như Helvetica, Avenir, Univers, Frutiger và nhiều phông chữ khác. Họ cũng mang nhiều phông chữ đúc của bên thứ ba quá. Kiểm tra nó ra!