TTF cài đặt cục bộ sẽ ghi đè fonts Google

Question

Tôi đang sử dụng font Ubuntu từ Google Fonts:

<link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,300italic,400italic,500,500italic,700,700italic' rel='stylesheet' type='text/css' /> 

stylesheet của tôi:

body { 
    font-family: 'ubuntu',arial; 
} 

Nó hoạt động, nhưng nếu cài đặt một phông chữ có cùng tên (Ubuntu), nó ghi đè lên một từ Google Fonts.

Có thể buộc trình duyệt sử dụng trình duyệt từ Google Fonts không?

Answer 1

Câu trả lời không nằm trong mã của bạn, nhưng trong Google.

Dưới đây là một phần của CSS bạn đang yêu cầu:

@font-face { 
    font-family: 'Ubuntu'; 
    font-style: normal; 
    font-weight: bold; 
    src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url('http://themes.googleusercontent.com/static/fonts/ubuntu/v4/0ihfXUL2emPh0ROJezvraLO3LdcAZYWl9Si6vvxL-qU.woff') format('woff'); 
} 

dòng chính ở đây là local('Ubuntu Bold'), mà yêu cầu để tải tập tin địa phương nếu có thể. Giải pháp đơn giản nhất là sao chép tất cả CSS của Google, dán nó vào CSS của riêng bạn và sửa đổi tên local thành, ví dụ: local('Ubuntu Bold NonExisting Name or Something Else'). Phông chữ như vậy không tồn tại và sẽ không thay thế phông chữ được tải bởi CSS.

P.S. Tôi đã không tự mình thử nghiệm điều này. Nếu 0ihfXUL2emPh0ROJezvraLO3LdcAZYWl9Si6vvxL-qU.woff URL hết hạn, thì bạn đang ở một vị trí khó khăn. Hãy thử xem giấy phép của phông chữ và tự cân nhắc việc lưu trữ phông chữ, nếu ngăn chặn ghi đè cục bộ là ưu tiên.