Beispiel-Code für die Free-Font CalligraphyFLFRegular:
[php]
@font-face {
font-family: 'CalligraphyFLFRegular';
src: url('');
src: local('CalligraphyFLF Regular'), local('CalligraphyFLF'), url('') format('truetype');}
[/php]
Anschließend kannst du die Schrift ganz normal mit font-family einfügen. Font-Special 4: Schriftarten in die Website einbinden – so geht’s | Dr. Code. Du solltest aber immer eine websafe-font als Alternative auswählen. ntface {font-family: 'CalligraphyFLFRegular', Arial, sans-serif;}
Das war's schon! So einfach kannst du deine Lieblingsschrift in dein neues Webdesign einbauen:-)
Hast du eine Frage zum Schriften-Einbetten mit @font-face, oder kennst du besonders schöne Free-Fonts, die man mit @font-face einbetten kann? Dann schreibe mir doch, ich freue mich auf deine Tipps!
Css Schriftart Einbinden Google
Falls Ihnen die Schriftart noch in anderen Formaten zur Verfügung steht, kann folgender Code eine Variante sein, welche Sie anstelle der obigen Zeilen einsetzen können:
font-family: 'CovesRegular';
src: url('fonts/');
src: local('Coves Regular'),
url('fonts/') format('truetype'),
url('fonts/') format('woff');}
Sie müssen natürlich nur jene Dateiformate angeben, welche Sie auch besitzen. In Zeile 4 checkt der Browser, ob die Schriftart allenfalls auf dem lokalen Rechner installiert ist. Schriften mit @font-face einbetten, so funktioniert's | Elmastudio. Bei der exotischen Coves dürfte das allerdings nicht allzu häufig der Fall sein. Der Font ist nun eingebunden und bereit zum Einsatz. Im CSS-Stylesheet könnten Sie nun etwa folgende Zeilen einsetzen, wenn Ihr Font für alle Titel in halbfetter Auszeichnung verwendet werden soll:
h1, h2, h3, h4, h5, h6 {
font-weight: 700;}
Das war's auch schon. Keine Rocket-Science. Nicht?
Die Überschriften auf dieser Site bestehen aus einem Font, den ich per CSS eingebunden und entsprechend den Joomla-Klassen zugewiesen habe. Leider benutzen der Internet Explorer von Microsoft und die meisten anderen Browser unterschiedliche Fonttypen. Für die meisten Browser reicht ein True-Type-Font ( TTF) aus. Css schriftart einbinden login. Der IE benötigt aber einen Open-Type-Font ( EOT). Die allermeisten Schriften, die sich im Internet finden, sind TTF-Schriften. Es gibt aber einige Konverter, die einem eine TTF-Datei in eine EOT-Datei wandelt. Einen solchen Konverter findet man beispielsweise hier:
Hat man seine Schriften zusammen, lädt man diese am besten direkt in das CSS-Verzeichnis des Templates und schreibt dann am Anfang der CSS-Datei dieses hier:
/* Für den IE */
@font-face {
font-family:meine_schrift;
src:url();}
/* Für alle anderen Browser */
Dort wo man die Schriftart benutzen möchte, einfach so eingeben, wie in diesem Beispiel bei einer h3-Überschrift:
h3 {
font-family: meine_schrift;}
" meine_schrift " ist ein beliebiges Wort, welches den verwendeten Font kennzeichnet.
-5% Stern STAPELSESSEL, Anthrazit, Grau, Silber, Edelstahl, Metall, 56x110x70 cm, Gartenmöbel, Gartenstühle 274, 55 € * 289, 00 * -5% Kettler GARTENKLAPPSESSEL, Graphit, Silber, Metall, Flachrohr, 63x112x68 cm, klappbar, wetterbeständig, Gartenmöbel, Gartenstühle 331, 55 € * 349, 00 *: 14, 95 € -5% GARTEN-RELAXSESSEL, Rot, Alu, Metall, Kunststoff, 67x120x75 cm, klappbar, wetterfest, Gartenmöbel, Gartenstühle 303, 05 € * 319, 00 *: 14, 95 € -5% Zebra Süd GARTENKLAPPSESSEL, Teak, Holz, Teakholz, massiv, eckig, 60x106x76 cm, klappbar, Gartenmöbel, Gartenstühle 284, 05 € * 299, 00 *: 14, 95 €
Stuhl Mit Verstellbarer Rückenlehne Meaning
Der Sitz und die Rückenlehne aus...
102, 09 €*
SFFZY Outdoor Angelstuhl Strandstuhl Edelstahl
1. Geeignet für alle Arten von Gelände 2. Belastbar bis 150 kg 3.
【Die...
24, 61 €*
3, 99 €
Randaco 2er Set Liegestuhl Klappbar Holz,
🌵【Klein und tragbar, abnehmbar】Die Sonnenliege aus hochwertigem Kiefernholz sorgt für eine stabilere Struktur. Kiefer ist im Vergleich...
60, 99 €*
68, 99 €*
Randaco 4er Set Liegestuhl Klappbar Holz,
Holzliegen schaffen eine gemütliche Atmosphäre. Ob am Strand, im Garten oder auf dem Balkon, mit diesem Liegestuhl können Sie sich entspannen...
134, 99 €*
44, 99 €*
Randaco 4er Set Liegestuhl Holz Klappbar Leicht,
Randaco 4er Set Balkon Liegestühle Strandliege,
52, 99 €*
Randaco Liegestuhl Klappbar Holz, Gartenliege
※【Breite Anwendung】Holz-Liegestühle schaffen eine angenehme Atmosphäre.