Schriftart für Homepage & Menü festlegen ...

McPaul · 18. Oktober 2011 15:21

Hallo,

ich habe mit diesem CMS gerade angefangen und finde es spitze!!! Eines der besten die ich bis jetzt kennen lernen dürfte. - ja, ja ich weis, aber ich wollte nicht schleimen sondern nur vorab mitteilen. wink
ABER, nun beim näheren testen & probieren, habe ich mein erstes Problem.
Ich würde gerne für meine HP zwei Schriftwarten (keine gängigen) verwenden. 1x Für Menüpunkte & Überschriften und die anderen für die Texte an sich. Doch wenn ich an einem PC die HP öffne bei dem ich diese Schriftart nicht vorher hochgeladen habe passt das alles nicht.
Habe ich die Möglichkeit diese Schriftart auf den Server abzulegen und zu sagen er soll von da aus die Schriftarten laden, so das an jedem PC in jeden Browser die Schriftart gleich ist??

Vielen Dank für eure Mühe im voraus wink )

Klenkes · 18. Oktober 2011 16:29

Prinzipiell kannst du in deiner CSS Datei eine Schrift so einbinden:

Hier klicken, um den Code zum Kopieren zu markieren

@font-face {
    font-family: 'Deine Schrift';
    src: url('http://dein.pfad/uploads/schriften/deine_schrift.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Und dann so weiter machen:
p {font-family:"Deine Schrift", Arial, Verdana;}

Doch Achtung!
TTF alleine reicht natürlich nicht, damit es auf allen Rechnern funktioniert, und du solltest für den Webeinsatz die Lizenz für die Schrift haben.

Lese einfach etwas über @font-face nach.

Beitrag geändert von Klenkes (18. Oktober 2011 16:30)

otter24 · 18. Oktober 2011 16:33

Moin ... das Zauberwort heißt @font-face
damit kannst Du Schriften einbinden, da aber jeder Browser sein Süppchen kocht musst Du aus deiner TTF Schrift, ich gehe mal davon aus das es eine TTF Schrift ist, erst in eine ETO und eine WOF umwandelen ( gibt es Online tools) . Deine Schrift musst Du im Root verzeichniss (da wo auch die config.php liegt ) ablegen und dann im CSS einbinden.
Hier gibt es auch einen Thread den ich dazu mal angefangen hab... >> hier da ist auch das CSS drin allerdings mit den falschen Pfaden,
das sind die richtigen Pfade...

Hier klicken, um den Code zum Kopieren zu markieren

[== CSS ==]
@font-face {     font-family: "SCRIPTBL";     font-style: normal;     font-weight: normal;     
src: local("☺"), url("SCRIPTBL.woff") format("woff"), url("SCRIPTBL.ttf") format("truetype"), 
url("SCRIPTBL.svg") format("svg"); }

Wichtig bei der Geschichte ist, ob das deine Schrift eine freie "Webfont" ist, oder Du eine Lizenz hast, wenn die Schrift nicht frei ist, dann brauchst Du diese Lizenz, auch dazu gibt das einen Thread >> hier

Sonst such mal nach google webfonts, die sind einfach einzubauen.

Viel Spass

Cherry · 18. Oktober 2011 17:58

Fontsquirrel wär auch noch ne Adresse für sowas:
http://www.fontsquirrel.com/

VG
Cherry

McPaul · 18. Oktober 2011 20:18

Hallo Leute !!!

Ihr seit SPITZE!!!! Vielen vielen Dank für die schnellen Antworten, werde mich gleich ransetzen un probieren.

DANKE!!!

McPaul · 18. Oktober 2011 20:23

Klenkes schrieb:

Doch Achtung!
TTF alleine reicht natürlich nicht, damit es auf allen Rechnern funktioniert, und du solltest für den Webeinsatz die Lizenz für die Schrift haben.
Lese einfach etwas über @font-face nach.

DANKE für den wichtigen Hinweis, mit viel Text lesen habe ich den Text auf der CD gefunden => erlaubt. Da es eine Freie Webschriftart ist *puuuuh* dahabe ich Mal echt Glück gehabt wink )

Beitrag geändert von McPaul (18. Oktober 2011 20:25)

McPaul · 23. November 2011 11:04

HEY geilll!!!

es hat funktioniert !! Cool Danke

nockenfell · 23. November 2011 11:10

McPaul schrieb:

es hat funktioniert !! Cool Danke

Wie hast du es schlussendlich gemacht? Mach doch eine kurze Anleitung. Dann hat ein anderer Nutzer der das gleiche Problem hat gleich einen Lösungsansatz.

McPaul · 24. November 2011 09:50

Okay, also ich habe die Version:

@font-face {
font-family: 'Meine Schrift';
src: url('http://dein.pfad/uploads/schriften/deine_schrift.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

genutz. Ich habe es einfach ein meine CSS Datei oben geschrieben und dann bei den einzelnen "div" definiert mit:

#div Text 1{
font-family: Meine Schrift;
font-weight: normal;
font-style: normal;
größe, farbe, ausrichtung ec
}

McPaul · 24. November 2011 09:52

ACHTUNG!!! bei meiner Version des definieren gibt es ein Problem.!!!

im IE funktionierts im Firefox NICHT!!!!

*grübel* wie so nicht???

otter24 · 24. November 2011 09:55

Moin

siehe hier
die Fonts müssen ins Root Verzeichnis.

Gruß aus HH

nockenfell · 24. November 2011 10:22

Zusätzlich sollte die Schriftart in allen möglichen Formaten eingebunden sein. Jeder Browser unterstützt wieder ein anderes Format:

Hier klicken, um den Code zum Kopieren zu markieren

@font-face {
    font-family: 'Deine Schrift';
    src: url('http://dein.pfad/uploads/schriften/deine_schrift.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

McPaul · 24. November 2011 10:25

otter24 schrieb:

Moin
siehe hier
die Fonts müssen ins Root Verzeichnis.
Gruß aus HH

so richtig "lose" denn ich habe in der root ein Ordner Fonts ???

Ich habe es versucht wie im anderen Forumbeitrag, doch irgend wie klappt es immer noch nicht *grrr*?!?!?

nockenfell schrieb:

Zusätzlich sollte die Schriftart in allen möglichen Formaten eingebunden sein. Jeder Browser unterstützt wieder ein anderes Format:
Hier klicken, um den Code zum Kopieren zu markieren
@font-face {
    font-family: 'Deine Schrift';
    src: url('http://dein.pfad/uploads/schriften/deine_schrift.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

;( ich weis, aber diese Schriftart gibt es nur in ttf Format ;((

Beitrag geändert von McPaul (24. November 2011 10:26)

otter24 · 24. November 2011 10:29

McPaul schrieb:

so richtig "lose" denn ich habe in der root ein Ordner Fonts ???

yippp so richtig lose...
den fonts ordner hatte ich auch mal ... jetzt nicht mehr !

McPaul schrieb:

;( ich weis, aber diese Schriftart gibt es nur in ttf Format ;((

Des gibt Online Konverter musst mal suchen !

nockenfell · 24. November 2011 10:32

http://www.fontsquirrel.com/fontface/generator

McPaul · 24. November 2011 11:09

hey vielen Dank!!
So komme ich zu den Schriftarten wink )

Jetzt bleibt nur noch das Problem mit dem Anzeigen der richtigen Schriftarten. ;(

antibart · 24. November 2011 11:45

McPaul schrieb:

hey vielen Dank!!
So komme ich zu den Schriftarten )
Jetzt bleibt nur noch das Problem mit dem Anzeigen der richtigen Schriftarten. ;(

Siehe #14 : so richtig "lose" .. schon probiert?

McPaul · 24. November 2011 11:51

antibart schrieb:

McPaul schrieb:
hey vielen Dank!!
So komme ich zu den Schriftarten )
Jetzt bleibt nur noch das Problem mit dem Anzeigen der richtigen Schriftarten. ;(
Siehe #14 : so richtig "lose" .. schon probiert?

wink Ja habe ich. Und noch etwas habe ich gefunden, probiert und es klappt auch im "verzeichniss".

so funktioniert es bei mir unter IE & Firefox !!!

CSS Datei:

@font-face {
font-family: 'Mein Stile';
src: url('/xxx/font/eurostile_bold_extended__2-webfont.eot');
src: url('/xxx/font/eurostile_bold_extended__2-webfont.eot?#iefix') format('embedded-opentype'),
url('/xxx/font/eurostile_bold_extended__2-webfont.woff') format('woff'),
url('/xxx/font/eurostile_bold_extended__2-webfont.ttf') format('truetype'),
url('/xxx/font/eurostile_bold_extended__2-webfont.svg#EurostileBold') format('svg');
font-weight: normal;
font-style: normal;
}

#div Mein Stile{
font-family: Mein Stile;
font-size: 0.6em;
font-weight: normal;
font-style: normal;
color: #E60003;
}

HTML

<div id="Mein Stile"> ....*freu* angezeigter Text in richtiger Schriftart </div>

Beitrag geändert von McPaul (24. November 2011 11:53)

Forum für CMS/made simple

#1 18. Oktober 2011 15:21

Schriftart für Homepage & Menü festlegen ...

#2 18. Oktober 2011 16:29

Re: Schriftart für Homepage & Menü festlegen ...

#3 18. Oktober 2011 16:33

Re: Schriftart für Homepage & Menü festlegen ...

#4 18. Oktober 2011 17:58

Re: Schriftart für Homepage & Menü festlegen ...

#5 18. Oktober 2011 20:18

Re: Schriftart für Homepage & Menü festlegen ...

#6 18. Oktober 2011 20:23

Re: Schriftart für Homepage & Menü festlegen ...

#7 23. November 2011 11:04

Re: Schriftart für Homepage & Menü festlegen ...

#8 23. November 2011 11:10

Re: Schriftart für Homepage & Menü festlegen ...

#9 24. November 2011 09:50

Re: Schriftart für Homepage & Menü festlegen ...

#10 24. November 2011 09:52

Re: Schriftart für Homepage & Menü festlegen ...

#11 24. November 2011 09:55

Re: Schriftart für Homepage & Menü festlegen ...

#12 24. November 2011 10:22

Re: Schriftart für Homepage & Menü festlegen ...

#13 24. November 2011 10:25

Re: Schriftart für Homepage & Menü festlegen ...

#14 24. November 2011 10:29

Re: Schriftart für Homepage & Menü festlegen ...

#15 24. November 2011 10:32

Re: Schriftart für Homepage & Menü festlegen ...

#16 24. November 2011 11:09

Re: Schriftart für Homepage & Menü festlegen ...

#17 24. November 2011 11:45

Re: Schriftart für Homepage & Menü festlegen ...

#18 24. November 2011 11:51

Re: Schriftart für Homepage & Menü festlegen ...

Fußzeile des Forums