Wenn ich versuche, eine neue Schriftart von Google in das Projekt zu importieren, erzeugt es eine andere Schriftart, je nachdem, wo ich es importiere. Könnte jemandSchriftart in CSS oder HTML importieren?
erklärenIhr es falsch in CSS importieren. Verwenden Sie die folgenden Schritte aus:
@import url(https://fonts.googleapis.com/css?family=Lobster);
In Ihrem zweiten Beispiel (CSS) können Sie den HTML-<link> Element in Ihrem CSS Abschnitt platziert haben, was nicht erlaubt ist (<link> bekommen können Sie CSS, aber es selbst ist ein HTML Element) und deshalb, warum das für Sie nicht funktioniert.
Ihr HTML-Beispiel funktioniert, aber auch dort ist das <link> Element nicht an der richtigen Stelle, Sie haben es in der <body> in diesem Beispiel.
Der richtige Ort für ein <link> Element ist innerhalb des <head> Abschnitt jedoch nicht innerhalb eines <style> Element innerhalb des <head> Abschnitt dieses wie:
<html>
<head>
<link rel="stylesheet" href=". . . ">
<style>
h1 {font-family:lobster;}
</style>
</head>
<body>
</body>
<html>
CSS steht für Cascading Style Sheet, das Sie einfach bedeutet, kann hier nur deinen HTML-Inhalt stilisieren.
Aber Sie können diese Schrift durch CSS laden auch
@font-face {
font-family: lobster;
src: url(http://fonts.gstatic.com/s/lobster/v16/c28rH3kclCLEuIsGhOg7evY6323mHUZFJMgTvxaG2iE.woff2);
}
und in Ihrem CSS-ID oder Klasse, wo immer Sie diese Schriftart wollen font-family: "lobster" nur geben, und es wird genauso funktionieren wie wenn Ihr diesen Link in HTML enthalten
Sieht so aus, als ob das Stylesheet, mit dem das OP verlinkt, bereits den @import in sich hat. In diesem Fall ist nur Link erforderlich. –
Welcher Link und welche Zeile? Ich sehe es nicht. – Cozmoz
Ich glaube, dass die Datei, zu der das Link-Element verlinkt (Google's Font-API), alles enthält, was für die Schriftart benötigt wird, daher ist die Verknüpfung mit der Datei mit dem Link-Element in Ordnung. –