Google Fonts innerhalb der CSS-Datei "https" - link

Ich bin mit Google Web Fonts in meinem CSS-stylesheet wie folgt

@font-face {
 font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
     src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}

aber wenn meine website geht von gesicherten Seite, ich bin immer "nur sichere Inhalte wird angezeigt". Ich habe Google Chrome Ressource-Inspektor und zeigte es oben, war das Problem

Wie kann ich einen sicheren link, um den Google Web font in meiner CSS-Datei

Dank

  • Haben Sie versucht, ändern Sie http:// zu https:// in der letzten Zeile des Codes?
InformationsquelleAutor niceoneishere | 2013-08-07
  1. 1

    Brauchen Sie nicht @font-face verwenden Sie eine Google-Schriftart.

    Nur fügen Sie diese in Ihren HTML-code ein:

    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

    Dann fügen Sie die font-Namen in der CSS. Beispiel:

    body{font-family: 'Open Sans', sans-serif;}
    • Tatsächlich, es funktionierte nicht für mich. Ich hatte die Open Sans schriftart-Gewicht von 400 und 300. Wenn ich <link...>, Die nur IE und Chrome in der Lage waren zu erbringen die richtigen Schriftarten und FF nicht. Sobald ich es geändert mit @font-face hat es bei FF auch
    InformationsquelleAutor Pedrão
  2. 0

    Bisschen alt, aber es kam bis auf einen verwandten suchen, so kann es nützlich sein, um jemanden.

    Ich persönlich lege die @font-face-Deklaration in meine stylesheets anstatt beantragt, in den Kopf. Entfernen Sie einfach das 'http:' wie unten, sollte das problem lösen.

    url(//themes.googleusercontent.com/static/fonts/opensans/...) format('woff');
    InformationsquelleAutor Bantros
  3. 0

    Warum nicht die Verwendung von @import-Anweisung?

    Oben in der css-Datei:

    @import url(http://fonts.googleapis.com/css?family=Open+Sans);
    InformationsquelleAutor Jonas Wik
Schreibe einen Kommentar