Có thể chỉ định tên tùy chỉnh cho Google Font không?

Question

Đây là một CSS mẫu

h1 { 
    font-family: 'header-font', arial, sans-serif; 
} 

p { 
    font-family: 'paragraph-font', arial, serif; 
} 

Có thể tải bất kỳ Google Font từ xa (hãy nói 'Lato') sao cho nó tên gia đình trong CSS sẽ là 'header-phông chữ'?

Chỉnh sửa: Ý tưởng đằng sau điều này là có thể dễ dàng trao đổi phông chữ trong một chủ đề WP. Thật không may bằng cách sử dụng các biến trong bộ tiền xử lý CSS không phải là một lựa chọn trong trường hợp của tôi.

Answer 1

Có, bạn có thể đặt bất kỳ tên nào bạn muốn khi xác định họ phông chữ trong khai báo kiểu phông chữ @ và sử dụng tên đó để tham chiếu sau trong biểu định kiểu.

@font-face 
{ 
    font-family: whateverYouWant; 
    src: url('example.ttf'), 
     url('example.eot'); 
     ... /* and so on */ 
} 

Dù bạn đặt tên kiểu như trong thuộc tính phông chữ là cách nó sẽ được giới thiệu từ phần còn lại của tài liệu. Tuy nhiên tôi không biết làm thế nào nó cạnh tranh với các tập tin phông chữ địa phương (vì vậy nếu bạn đã cố gắng để đặt tên một phông chữ tùy chỉnh Arial Tôi không chắc chắn những gì bạn sẽ nhận được - phông chữ tùy chỉnh hoặc Arial thực). Tôi không biết tại sao bạn sẽ làm điều đó dù sao.

Answer 2

Tôi không nghĩ bạn có thể thành thật. Phông chữ của Google có tên được xác định trước khi bạn xem phông chữ google. Xem ví dụ này: http://fonts.googleapis.com/css?family=Akronim

Tên của nó được đặt là 'Akronim' và tôi không nghĩ bạn có thể tham chiếu tên này bằng bất kỳ tên nào khác.