Fonts einbinden
Zum Einbinden des Fonts benötigen Sie eine Definition des Fonts im Kopf der Seite. Sie enthält einerseits die Quelle, wo der Font vorliegt und andererseits eine Zuordnung des Fonts zu einer Klasse. Beide Angaben stehen im Style-Tag. (Die Quelle liegt nicht auf dem Imperia-Server, die MAM liefert keine Fonts aus!) Andere Fonts sind im Uni-Layout nicht vorgesehen.
Es gibt bei Fonts verschiedene Formate, im Beispiel ist es ein woff-Format für modere Browser, die Sie in der src-Angabe hinzufügen können.
Im normalen Text legen Sie um den Bereich mit dem neuen Font eine DIV-Umgebung, in der Sie die definierte Klasse angeben. Das Ergebnis wird nicht im CK-Editor angezeigt, sondern nur in der Vorschau.
Dies ist ein Text in einem schönen Font.
Beispiel für den Kopf
<style type="text/css">
/* latin */
@font-face {
font-family: 'Josefin Sans';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/josefinsans/v23/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMZhLw.woff2) format('woff2');
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.neuerfont{
font-family: 'Josefin Sans';
font-size: 50px;
}
</style>
Beispiel für den Text
<div class="neuerfont"> <p>Die ist ein Text in einem anderen Font.</p> </div>
Links
Verantwortlich:
Website-Services
Letzte Änderung:
08.03.2022
