Jimdo-Elemente » Zusatzschrift für die H1

05.02.2021 22:14

Ich möchte eine neue Schrift einfügen. Hochladen reicht wohl nicht wie bei den anderen Programmen.
Da brauchte ich nochmal Hilfe Im Forum habe ich nichts gefunden
Die Schrift heisst

DartangnonITC

Vielen Dank

Antworten

#2 | RE: Zusatzschrift für die H1 datum

06.02.2021 13:26 (zuletzt bearbeitet: 10.02.2021 13:48)

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

...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.:

1
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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#3 | RE: Zusatzschrift für die H1 datum

06.02.2021 13:43

@Az

Du meinst ich muss die Schrift auf meiner Seite hochladen? auf meiner Platte hab ich sie schon und Photshop und Word hat sie sofort integriert. Jimdo tut das nicht.

Das Runterladen ist legal. auf so was achte ich. Ich dachte, wenn ich sie einbinde kann ich sie benutzen.

Wo soll ich den Text von Dir einfügen? An das was du mir für Ecken gegeben hast dranhängen oder einfügen?

Lieben Dank für Deine Hilfe

Hannelore

Antworten

#4 | RE: Zusatzschrift für die H1 datum

06.02.2021 13:52

@AZ

ich bin irritiert. Meine Schrift heisst ja Dartangnon nicht Futura. Wie meinst Du das denn?

Antworten

#5 | RE: Zusatzschrift für die H1 datum

07.02.2021 15:42

...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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#6 | RE: Zusatzschrift für die H1 datum

07.02.2021 20:06

Ich hab es an die untenstehend mailadresse geschickt hier geht es nicht, aber das weisst Du wahrscheinlich :-) Danke

Antworten

#7 | RE: Zusatzschrift für die H1 datum

08.02.2021 22:03 (zuletzt bearbeitet: 08.02.2021 22:04)

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

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:

1
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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

#8 | RE: Zusatzschrift für die H1 datum

09.02.2021 11:21

ich hab es nicht verstanden lieber Andreas. Wenn ich zum Beispiel den Button Dateidorwnload nutze sieht man das ja auf der Seite öffentlich. Die Pfade muss ich anpassen, das habe ich jetzt gemerkt und ich lade es auch legal runter. Schlieslich will ich keinen Ärger.

Danke Dir, ich versuch mein Glück nochmal.

Antworten

#9 | RE: Zusatzschrift für die H1 datum

09.02.2021 12:13

Den Bereich zum Dateienhochladen habe ich jetzt gefunden. Unter der Rubrik "eigenes Layout" Konvertiert habe ich auch

Hier ist der Text:

@font-face {
font-family: 'Dartangnonitc';
src: url('https://u.jimcdn.com/cms/o/s62731041be50...rtangnonitc.eot');
src: url('https://u.jimcdn.com/cms/o/s62731041be50...nitc.eot?#iefix') format('embedded-opentype'),
url('https://u.jimcdn.com/cms/o/s62731041be50...rtangnonitc.ttf') format('ttf'),
url('https://u.jimcdn.com/cms/o/s62731041be50...angnonitc.woff2') format('woff2'),
url('https://u.jimcdn.com/cms/o/s62731041be50...tangnonitc.woff') format('woff'),
url('https://u.jimcdn.com/cms/o/s62731041be50...svg#artangnonit') format('svg');
font-weight: 300;
font-style: normal;

ob es klappt weiss ich nicht, da ist gerade eine Störung auf meiner Seite.

lg Hannelore

Antworten

#10 | RE: Zusatzschrift für die H1 datum

10.02.2021 13:30 (zuletzt bearbeitet: 10.02.2021 13:34)

az_

Informationen anzeigen

Beitr�ge:	2403
Registriert seit:	28.04.2015
Wohnort:	Berlin

...das wird nicht klappen. Irgendetwas stimmt nicht mit Deinen Links:

1
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 immer mit der Schaltfläche für "Code" einkapseln!!! (=

)

Bitte sendet mir keine privaten Nachrichten über dieses Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

...hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de

...NEU!!! - hier könnt Ihr unser Userforum finanziell unterstützen: https://redesign-berlin.xobor.de/donations.html

Antworten

Xobor-Forum f�r Jimdo-Creator User

Bitte geben Sie einen Grund f�r die Verwarnung an