Di
18
Okt
2011
Design-Tipp: individuelle Schriftart im Titelbild
Ihr möchtet eure Webseite ein wenig verschönern, wisst aber nicht wie? Ihr findet eure Schriftart langweilig? Nichts leichter als das! Mit Hilfe von Google Webfonts könnt ihr die Schrift im Titelbild individueller gestalten. Und wie das genau geht, zeigen wir euch in dieser Design-Anleitung!
1. Geht auf http://www.google.com/webfonts und wichtig: lasst diese Webseite während des gesamten Vorgangs offen.
2. Wählt eine Schriftart eurer Wahl.
3. Mit einem Klick auf „Quick-use“ gelangt ihr in den Einstellungsbereich. Hier könnt ihr je nach Schriftart unterschiedliche Schnitte (Kursiv, Bold, Medium, etc.) auswählen.
4. Unter Schritt 3 dieser Seite findet ihr einen Code-Schnipsel mit der von euch ausgewählten Schriftart abgebildet.
5. Kopiert diese Zeile und fügt sie auf eurer Jimdo-Webseite in den Head ein. Geht hierzu in der Bearbeitungsleiste auf der rechten Seite auf den Bereich 'Einstellungen'. Dort findet ihr unter
'Webseite' das Symbol 'Head bearbeiten'.
6. Für einen letzten Schritt geht ihr zurück auf die Google Webfonts-Seite. Unter Schritt 4 steht der CSS-Befehl mit dem zu benutzenden Font. Diesen Befehl kopieren und im Head-Bereich weiter bearbeiten.
7. Um den Titel eurer Webseite zu ändern, benötigt ihr den dazugehörigen Selektor. In diesem Fall: #emotion-header-title.
8. Jetzt könnt ihr das dazugehörige CSS kombinieren und erhaltet folgenden Code:
<style type="text/css">
#emotion-header-title {
font-family: 'Poller One', cursive !important;
}
</style>
9. Wichtig ist hier das !important am Ende der Zeile. Ohne diesen Befehl wird die Schriftart von den Webseiteneinstellungen überschrieben und nicht für euren Header übernommen.
10. Jetzt nur noch auf 'speichern' klicken und eure Jimdo-Seite neu laden.
11. Tipp: Mit Hilfe von Google Webfonts und CSS könnt ihr Schriftarten beliebig erweitern und auch Überschriften, Texte oder Links anpassen!
12. Und so kann ein Ergebnis aussehen:
Kommentare: 64
-
#1
Hallo
-
#2
Ne nicht so interessant
-
#3
Ich find es sieht toll aus ;-)
-
#4
Nicht sehr wichtig. Ihr solltet lieber daran Arbeiten, dass man sich auch in Browsern von Spielekonsolen, wie z.B. der Nintendo 3DS einloggen kann und z.B. Texte bearbeiten kann.
mfg
Pokemon-Kuier Team -
#5
Dann lieber doch schnell nen vernüftigen Banner in Photoshop zusammenbasteln ;)
-
#6
Auch schön ;-)
-
#7
Wollt ihr nicht mal Webfonts fest ins Tool einbauen?
-
#8
Ich finde, dass ist eine nette Idee. Ich befürchte aber, dass es die Ladezeiten meiner Site verlangsamt. Außerdem mag ich meine "Georgia". Zeitlos und sehr elegant!
-
#9
Nette Idee, mehr nicht. Gab schon interessantere Infos.
-
#10
Das haut mich jetzt nicht um...
-
#11
neee echt nicht...
-
#12
Alles irgendwie zu kompliziert, lass ma so wie's is :) einfacher.
-
#13
nun ja
-
#14
Geht das auch, dass man seine eigene, gekaufte Typographie hochladen und benutzen kann? Würde mich interessieren!
-
#15
Als Vorschlag: Ich würde gerne meine Webseite auch auf Mobilen-Endgeräten (iPhone, Galaxy S2...) bearbeiten, also wie wär's mit einer mobilen Bearbeitungs-Page?
-
#16
Toller Tipp!!
-
#17
Danke für den Tipp. 10 Schritte für eine neue individuelle Schriftart im Titelbild, ist das mit einem Klick auch zu haben? Oder doch nur was für Profis!?
-
#18
Nee, ist nichts für mich.
Lässt sich mit normalen Bildbearbeitungs- und Grafikprogrammen
mit Texteingabe viel leichter und noch schicker machen. -
#19
Funktioniert das nur mit Chrome oder auch mit anderen Browsern? Auf jeden Fall dickes Lob, habe mir schon (anstrengender und kostenpflichtig) anders beholfen und werde jetzt auf diese Lösung umsteigen.
Mit Photoshop und anderen Bildbearbeitungsprogrammen gehts zwar schicker und schöner,auch mit mehr Effekten, aber der Text wird dann von Suchprogrammen nicht mehr gelesen sondern als Bild interpretiert, solltete Ihr bei der Info mal erklären.
Und dnake für die Anleitung für Dummies, das könnte sogar ich hinkriegen ;-) -
#20
OK, aber für uns nicht so wichtig
LG
aus dem SAARLAND -
#21
naja, nett gemeint : aber mich interessiert mehr das einbinden eines
SSL-Zertifikats im Shop. Wann gibt's da endlich mal ein Ergebnis Leute ?
VG
Lutz -
#22
Danke für diesen Tipp Jimdo, gerade für mich als großer "Bastelfreund" sehr hilfreich.
-
#23
Sicherlich gut gemeint - bleibe bei meinem Header. :)
-
#24
Naja, etwas zu aufwendig !
Eine Auswahl an Schriftfonts innerhalb des Bearbeitungstools
im Textbereich wäre wohl besser. Trotzdem Danke! -
#25
Mir ist das alles viel zu umständlich. Ich hätte auch lieber eine kleine Auswahl an Schriftarten und Größen innerhalb des Bearbeitungstools. Wäre für Anfänger wie mich die bessere Lösung.
Danke für die Info´s.
-
#26
tolle sache!
-
#27
Gäähn... Viel zu umständlich und eh nur für den Header. Besser wären mehr Schriftarten direkt als Tool.
-
#28
unwichtig bis nutzlos. :-(
-
#29
Toll! Aber es würde "noch" besser sein, wenn man diese schriftarten auf der ganzen seite verwenden könnte! ;)
-
#30
Werde es eventuell mal ausprobieren.
Ich wette, eine vernünftige SUCHFUNKTION für jimdo Seiten wird mehr Begeisterung auslösen... ;) -
#31
Wieso baut ihr solche Sachen nicht direkt im Jimdo Bearbeitungstool ein. Viel zu umständlich immer diese Sachen über andere Anbieter. Das erwarte ich wirklich auch viel mehr von euch!?!?!?!?
-
#32
es gab schon mal wichtigers + besseres.
-
#33
mehr Schriftarten direkt im Tool wären auf jeden Fall hilfreicher - und deutlich zu ümständlich!
-
#34
Leute geht mal auf cooltext.com. dort macht ihr ganz einfach eigene Logos und hunderte cooler schriftarten selber und kostenlos...
-
#35
Cool ;) find ich gut.
-
#36
Wer sich etwas auskennt, hätte das wohl eh hinbekommen oder Photoshop bemüht. Dann lieber generell für die gesamte Seite die Möglichkeit der Einbindung von Webfonts oder mal was wirklich Gehaltvolles, wie z.B. die Möglichkeit, einen HTML-Newsletter zu erstellen!!!
-
#37
Wer sich etwas auskennt, hätte das wohl eh hinbekommen oder Photoshop bemüht. Dann lieber generell für die gesamte Seite die Möglichkeit der Einbindung von Webfonts oder mal was wirklich Gehaltvolles, wie z.B. die Möglichkeit, einen HTML-Newsletter zu erstellen!!!
-
#38
Mit Spannung erwarte ich immer wieder mal neue Bearbeitungsmöglichkeiten. Aber diesmal ist der Aufwand für eine individuelle Schriftart für mich zu groß. Trotzdem Danke für all die anderen bisherigen Möglichkeiten!
-
#39
darauf warte ich schon lange - Danke !
-
#40
WOW super !
-
#41
Ok, und ich verstehe überhaupt nicht wie das gehen soll...
-
#42
Endlich mal was, das man gebrauchen kann!
-
#43
Nur wie macht man das auch für den normalen Text oder für Überschriften? Denn eine benutzerdefinierte Font nur im Head-Bereich bringt mir nicht so wirklich viel. Grüße
-
#44
Für mich uninteressant.
Ich shoppe da doch lieber in meinem Photoshop....für alle anderen weiss ich nicht ob´s nicht zu kompli ist auf diese art.
ciao aus der Pixelwerkstatt -
#45
Super Sache
-
#46
Find' ich an sich toll, aber nur im Header eine coole Schrift und nicht bei den Überschriften - wie sieht das denn aus! Und - bitte bitte macht mal den Newsletter salonfähiger! DANKE!
-
#47
Diese Tipps sind echt klasse. Macht weiter so...
-
#48
ein paar extravagante schriftarten für den gesamten text der webseite wären schön :)
-
#49
Ich werds mal probieren ...
-
#50
tolle tipps!
-
#51
danke, mal schauen ob ich noch mal wechsel! lg
-
#52
Wir haben was dagegen, wenn auf unserer Jimdopage immer mehr Geldhaie eingebunden werden. Das geht doch auch kollegial.
Hallo Kollegen! -
#53
http://bit.ly/sfkifm
-
#54
naja, mehr würde mich interessieren, dass auf jeder Seite ein anderer Header möglich ist, oder die Haeder automatisch wechseln - das wäre noch ein Highlight!
-
#55
Professionelles Titelbild? Photoshop! Alles andere wirkt laienhaft. -
#56
sorry, kann ich auch nicht ;-( viele wege führen nach rom. ich hätte gerne die auswahl im programm, danke ;-)
-
#57
ich denke, bei schriften muss generell nachgebessert werden. die auswahl ist einfach zu gering!!
-
#58
Ey thanks wir haben hier 1 Eintrag gemacht und gleich 5.000 Besucher gehabt tax euch allen
-
#59
Jimdo passt sich schon den Wünschen der User an, gar keine Frage, aber ich stimme "hl71" zu: Auf wechselnde header warte ich ebenfalls und würde mich echt tierisch freuen, meinen Besucher mit mehreren Thailand Urlaubsbildern zu beglücken ;)
Beste Grüße,
Michael -
#60
Das ist ganz und gar nicht Jimdo-like, da viel zu kompliziert. Geht einfacher in Photoshop.
-
#61
Das ist das schwierigste, das ich je gesehen habe
-
#62
Gute Idee, würde damit auch klar kommen, aber bin mit meiner HP, so wie sie ist, sehr zufrieden.
-
#63
” Wer A sagt, der muß nicht B sagen. Er kann auch erkennen, daß A falsch war. “
Bertolt Brecht -
#64
Toller Tipp, um eine alternative Schrift auch auf einer skalierten Seite scharf darzustellen. Der Font-Wechsel funktioniert bei mir auf der gesamten Seite - aber leider nicht im Header?!? Wer kann helfen?
Druckversion