2012-07-19 29 views
11

Khi tải phông chữ tùy chỉnh từ Google họ cung cấp một cách để bạn có thể tối ưu hóa chúng: https://developers.google.com/webfonts/docs/getting_started#Optimizing_RequestsTối ưu hóa Nhiều Google Web Fonts

Ý nghĩa nếu bạn bạn đang sử dụng một phông chữ tùy chỉnh cho chỉ là một tiêu đề thay vì tải toàn bộ font chữ, bạn có thể nói với nó những gì bạn cần để không tải toàn bộ bảng chữ cái phông chữ. Càng xa càng tốt.

Tuy nhiên, trong ví dụ nó chỉ có một kiểu phông chữ. Làm thế nào để bạn làm điều đó với hai?

Ví dụ tôi đang sử dụng này để nạp cho phong cách của một phông chữ:

Các bình thường 400 tôi sử dụng cho rất nhiều văn bản, nhưng 400italic chỉ được sử dụng cho một tiêu đề ngắn.

Nếu tôi làm:

Nó sẽ load toàn bộ 400 và chỉ là "tiêu đề mẫu" cho 400italic như tôi muốn hoặc nó sẽ làm cái gì khác?

Trả lời

12

Nếu bạn đang thực hiện việc đặt ký tự và cố gắng kết hợp nhiều phông chữ thành một yêu cầu CSS, thì các ký tự được chỉ định cần phải là liên kết của tất cả các ký tự được yêu cầu giữa tất cả các phông chữ.

Hãy xem ở đây: http://jsbin.com/welcome/22005/edit

<link href="http://fonts.googleapis.com/css?family=Inconsolata|Skranji&text=ABCDHIJK" rel="stylesheet"> 

Hai điều đang xảy ra ở trên. Chúng tôi yêu cầu hai phông chữ (Inconsolate và Skranji) và chỉ định rằng cả hai phông chữ sẽ phân phát các ký tự A-K. Nếu bạn chỉ cần A-D cho một cái, và H-K cho cái khác, thì bạn sẽ phải chia phần trên thành hai yêu cầu CSS riêng biệt.