Phông chữ web của Google trên các trang HTTPS trên Chrome

Question

Tôi đang làm việc trên một dự án thương mại điện tử. Các phần của trang web là HTTP theo mặc định. Các trang khác, chẳng hạn như trang thanh toán, là HTTPS theo mặc định. Trên các trang HTTPS Tôi nhận được thông báo này trên giao diện điều khiển trên Chrome:

[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=PT+Sans. 
[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700. 
[blocked] The page at https://store-ws3q9h.mybigcommerce.com/checkout.php?tk=c99fa39e007db6376dcddaac68695c22 ran insecure content from http://fonts.googleapis.com/css?family=Patua+One. 

Các phông chữ được liên kết trên đầu tài liệu theo cách này:

<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,700' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Patua+One' rel='stylesheet' type='text/css'> 

Có vẻ ok trên các trình duyệt khác mà tôi có thử nghiệm cho đến nay.

Answer 1

Tạo một schema url thuyết bất khả tri

Thay đổi http://fonts.google...-//fonts.google...

Thả http: hoặc https: từ phía trước, trình duyệt sẽ sử dụng bất cứ sơ đồ bạn hiện đang sử dụng trên trang web.

Bạn có thể yêu cầu nguồn lực sử dụng https từ http, nhưng không phải là vòng cách nào khác. Một giải pháp thay thế cho giải pháp trên (và có lẽ là thực hành tốt nhất) là luôn sử dụng https nếu có sẵn (nó phải là nếu bạn đang sử dụng kiểu này của liên kết, nếu không thì không có điểm nào trong đó).

Answer 2

Tháo giao thức từ URL của bạn và để cho các trình duyệt xác định nó:

<link href="//fonts.googleapis.com/css?family=PT+Sans" ... 

Nếu trang của bạn là HTTPS, phông chữ sẽ được nạp từ URL HTTPS. Nếu trang là HTTP, trang đó sẽ được tải từ URL HTTP.