Zusatzschrift für die H1
...das kannst Du zwar prinzipiell, es ist aber nicht ganz einfach:
- Schriftart kaufen oder legal herunterladen (Achtung: Copyright!):
- https://fontsgeek.com/fonts/DartangnonITC-Regular oder
- https://www.fontsplace.com/dartangnon-it...t-download.html
- Konvertieren (.woff, .woff2, .eot, svg)
- Hochladen auf Webseite (Dateidownload-Element)
- Einbinden ins CSS, z.B.:
2
3
4
5
6
7
8
9
10
11
@font-face {
font-family: 'futura-medium';
src: url('https://u.jimcdn.com/cms/o/siteID/userlayout/font/futura-medium.eot');
src: url('https://u.jimcdn.com/cms/o/siteID/userlayout/font/futura-medium.eot?#iefix') format('embedded-opentype'),
url('https://u.jimcdn.com/cms/o/siteID/userlayout/font/futura-medium.ttf') format('ttf'),
url('https://u.jimcdn.com/cms/o/siteID/userlayout/font/futura-medium.woff2') format('woff2'),
url('https://u.jimcdn.com/cms/o/siteID/userlayout/font/futura-medium.woff') format('woff'),
url('https://u.jimcdn.com/cms/o/siteID/userlayout/font/futura-medium.svg#futura-medium') format('svg');
font-weight: 300;
font-style: normal;
}
- Download-Links der Schriftdateien kopieren
- Pfade anpassen
- im CSS Zuordnung für H1 setzen
Beispiel: https://redesign-designtest-rome.jimdofr...st/futura-font/
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= 
) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
...das ist ja bloß ein Beispiel - so bindet man eine Schrift ein. wenn Du möchtest, kann ich dir so ein Script für Deine Schrift erstellen. Schick mir bitte dazu deine Schriftdatei per e-mail zu.
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Zitat von hannelore im Beitrag #6
hier geht es nicht, aber das weißt Du wahrscheinlich
...weiter oben habe ich prinzipiell erklärt, wie es geht:
- Schriftart kaufen oder legal herunterladen (Achtung: Copyright!):
- https://fontsgeek.com/fonts/DartangnonITC-Regular oder
- https://www.fontsplace.com/dartangnon-it...t-download.html
- Konvertieren (.woff, .woff2, .eot, svg)
- Hochladen auf Webseite (Dateidownload-Element)
- Einbinden ins CSS:
2
3
4
5
6
7
8
9
10
11
@font-face {
font-family: 'futura-medium';
src: url('https://pfad-der-FontDatei/font.eot');
src: url('https://pfad-der-FontDatei/font.eot?#iefix') format('embedded-opentype'),
url('https://pfad-der-FontDatei/font.woff2') format('woff2'),
url('https://pfad-der-FontDatei/font.woff') format('woff'),
url('https://pfad-der-FontDatei/font.svg#font') format('svg');
font-weight: 300;
font-style: normal;
}
- Pfade anpassen (!)
Also: Du musst die Dateien hochladen und die Pfade richtig angeben - dann ist die Schrift eingebunden, und Du kannst das CSS für die Überschriften anlegen.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
...das wird nicht klappen. Irgendetwas stimmt nicht mit Deinen Links:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style type="text/css">
/*<![CDATA[*/
@font-face {
font-family: 'Dartangnonitc';
src: url('https://u.jimcdn.com/cms/o/s62731041be504af/userlayout/font/Dartangnonitc.eot');
src: url('https://u.jimcdn.com/cms/o/s62731041be504af/userlayout/font/Dartangnonitc.eot?#iefix') format('embedded-opentype'),
url('https://u.jimcdn.com/cms/o/s62731041be504af/userlayout/font/Dartangnonitc.ttf') format('ttf'),
url('https://u.jimcdn.com/cms/o/s62731041be504af/userlayout/font/Dartangnonitc.woff2') format('woff2'),
url('https://u.jimcdn.com/cms/o/s62731041be504af/userlayout/font/Dartangnonitc.woff') format('woff'),
url('https://u.jimcdn.com/cms/o/s62731041be504af/userlayout/font/Dartangnonitc.svg#artangnonit') format('svg');
font-weight: 300;
font-style: normal;
}
.content-options h1 {font-family: 'Dartangnonitc' !important; }
/*]]>*/
</style>
...Du musst schon den gesamten Pfad austauschen. s62731041be504af gehört zu einer anderen Webseite.
LG, az
Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).
Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!
...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de
Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de
Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html
Jetzt anmelden!
Jetzt registrieren!
