Ich kenne HU nicht, aber wahrscheinlich musst Du die @font-face Anweisungen noch in Dein lokales CSS aufnehmen.
Vorher solltest Du noch die Lizenzbedingungen anschauen (stecken im Download-Paket des Fonts).
>Ich kenne HU nicht, aber wahrscheinlich musst Du die @font-face Anweisungen noch in Dein lokales CSS aufnehmen.
>Vorher solltest Du noch die Lizenzbedingungen anschauen (stecken im Download-Paket des Fonts).
Danke fuer den Hinweis, es ist eine nicht Kommerzielle Seite daher sehe ich kein Problem
beim verwenden des Fonts
Hier ist eine Anleitung.
Oder hier:
und nicht vergessen, immer woff einbinden und nicht ttf
wer HU nutzt, den nimmt ja auch meistens den Pagebuilder, daher dort einspielen.
Hier ist eine Anleitung.
Danke leider ist keine custom.css datei vorhanden im verz. /templates/shaper_helixultimate/css/presets/
Oder hier:
Google Fonts und Fontawesome lokal einbinden
Da in letzter Zeit vermehrt Anfragen zum lokalen Einbinden von Google Fonts auftreten, habe ich diese kleine Anleitung geschrieben.
Joomla:
Zum Einbinden von Google Fonts nutzt ihr dieses Plugin:
https://github.com/JoomTools/plg_system_jtaldef
Hier bitte das aktuellste Release herunterladen:
Nicht vergessen: Plugin aktivieren und in der Reihenfolge als letztes einstellen:
Lest dazu auch die Anleitung!
Astroid-Framework:
Erstellt im folgenden Pfad den Ordner /fonts :…
Danke habe aus der ttf eine woff bzw woff2 konvertieren lassen.
Und die Datei hochgeladen.... aber kann die Schriftart nicht auswählen.
Danke leider ist keine custom.css datei vorhanden im verz. /templates/shaper_helixultimate/css/presets/
Die custom.css musst Du selbst erstellen und zwar nicht unter /css/presets/ sondern direkt unter /css/
Danke leider ist keine custom.css datei vorhanden im verz. /templates/shaper_helixultimate/css/presets/
Wie zuvor erwähnt, musst du selbst erstellen gemäss #9
Wie zuvor erwähnt, musst du selbst erstellen gemäss #9
Danke.....
nur bäuchte ich noch hilfe beim erstellen der CSS Datei
die fett makrierten Zeilen...
benötige ich eine .eot und .svg datei ?
@font-face {
font-family: 'Gotyk';
src:
url('../fonts/amaticsc-regular.eot');
src: url('../fonts/amaticsc-regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/Gotyk.woff') format('woff'),
url('../fonts/Gotyk.ttf') format('truetype'),
url('../fonts/amaticsc-regular.svg#amatic_scregular') format('svg');
font-weight: normal; font-style: normal;
body,p,h1, h2, h3, h4, a (font-family: 'Gotyk', Verdana;)
Kann mir nicht vorstellen, dass in der Doku etwas von svg Format für die Fonts geschrieben ist.
Selbst benutze ich HU nicht.
Alles außer .woff2 benötigt man nur für "Legacy" und "Historic" Browser Support und ist heute verzichtbar.
Hier sieht man, wie der CSS Code aussehen muss: https://gwfh.mranftl.com/fonts
Kann mir nicht vorstellen, dass in der Doku etwas von svg Format für die Fonts geschrieben ist.
Selbst benutze ich HU nicht.
ist aus dem in der doku verlinkten video
Alles außer .woff2 benötigt man nur für "Legacy" und "Historic" Browser Support und ist heute verzichtbar.
also dann so ?
@font-face {
font-family: 'Gotyk';
src:
url('../fonts/Gotyk.woff2') format('woff2'),
url('../fonts/Gotyk.ttf') format('truetype'),
font-weight: normal; font-style: normal;
body,p,h1, h2, h3, h4, a (font-family: 'Gotyk', Verdana;)
ist aus dem in der doku verlinkten video
Das Video ist 6 Jahre alt 
Mach es doch wie im #15 beschrieben. Dann hast du den ganzen Code.
Im Beitrag #15 findest du der Link.
