2011-01-21 23 views
5

Tôi vừa mới sử dụng @ font-face. Một trong những đặc quyền bất ngờ là thay vì sử dụng tên phông chữ thích hợp tôi có thể chọn một hữu ích hơn, đó là hữu ích cho reskinningBí danh cho phông chữ trong CSS

ví dụ như thay vì

@font-face { 
    font-family: Museo Slab; 
    src: ... 
} 

tôi có thể có

@font-face { 
    font-family: Branding Font A; 
    src: ... 
} 

Vì vậy, trong toàn bộ trang web của tôi, tôi có thể có ví dụ

h1 { 
    font-family: Branding Font A, Georgia, Serif; 
} 

... khá hữu ích khi trang web tôi đang làm việc sẽ được cung cấp và tôi có thể dễ dàng phân phối các định nghĩa phông chữ khác nhau cho các nhà xuất bản khác nhau.

Sau lời mở đầu dài đó, câu hỏi của tôi là "Có cách nào để có bí danh cho một trong các webfont thông thường không?" Vì vậy, tôi có thể có ví dụ "Body Text" như một bí danh cho Arial, nhưng như vậy mà tôi có thể thay đổi "Body Text" @ font-face declaration để sử dụng một phông chữ khác nếu tôi muốn.

Trả lời

11

Tôi chắc chắn câu trả lời là không. Nhưng nếu có một cách tôi thực sự muốn biết về nó!

Một cách mà sức việc sorta là:

@font-face { 
    font-family: Alias; 
    src: local('Arial'); 
} 
+0

Không thể tin rằng tôi đã bỏ lỡ điều này. Làm việc một điều trị. – wheresrhys

0

Bạn có thể làm điều này giống như cách bạn làm phông chữ web khác bằng cách tải lên các tập tin phông chữ Arial máy chủ của bạn và tuyên bố họ giống như cách bạn sẽ các tờ khai @font-face khác của bạn, chỉ src vào các tệp này. Bất kể thực tế rằng đây là những phông chữ web tiêu chuẩn, tôi không chắc chắn nếu có vấn đề cấp phép với kỹ thuật này tuy nhiên.