✔ Schrift-Arts einbinden

Status
Nicht offen für weitere Antworten.
N

Niwram

Grünschnabel
Hallo Zusammen,

ich habe eine kurze wahrscheinlich schnell beantwortete Frage:

Ich möchte in meine Homepage mehr als nur die Standardschriftarts wie aria, times etc einbinden.
Dazu bedarf es doch eines extra Schrittes, da nicht jeder die geforderte Schriftart auf dem rechner hat. Wie bekomme ich es denn trotzdem hin, dass auch komplexere schriftarts ÜBERALL angezeigt werden?

Würde mich wirklich sehr über eine Lösung freuen...Viele Grüße...Marwin
 
Vielen Dank für die schnelle Antwort. Habe mir die aufgeführten Artikel angesehen. Es scheint dafür wohl keine einheitliche Lösung zu geben. Und ausschliesslich für IE-User lohnt sich das dann wohl nicht, frage mich bloß wie bsp die seite http://www.sics-music.de die schriftart in die Navi bekommt! Das ist dann wohl ein anderes Verfahren, wäre über Tips eine ansprechende Navi-Leiste zu kreiren sehr dankbar...
 
Dann werf einfach mal einen Blick in den Quellcode der Seiten ;)

HTML: 
<a href="http://page.sics-music.de" onmouseover="austausch1.src='gfx/homepage-link-over.gif';" onmouseout="austausch1.src='gfx/homepage-link.gif';">
<img src="gfx/homepage-link.gif" name="austausch1" border="0"></a><br>   <br>
<a href="http://www.myspace.com/sicspack" target="_blank" onmouseover="austausch2.src='gfx/myspace-link-over.gif';" onmouseout="austausch2.src='gfx/myspace-link.gif';">
<img src="gfx/myspace-link.gif" name="austausch2" border="0"></a>

HTML: 
<table cellpadding=0 cellspacing=0>
<tr>
<td><a href="index.php?page=home" onmouseover="switchimage('home','gfx/mouseover/website-news_03.gif');" onmouseout="switchimage('home','gfx/website-news_03.gif');"><img name='home' src="gfx/website-news_03.gif" width="45" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=bio" onmouseover="switchimage('bio','gfx/mouseover/website-news_04.gif');" onmouseout="switchimage('bio','gfx/website-news_04.gif');"><img name='bio' src="gfx/website-news_04.gif" width="34" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=disco" onmouseover="switchimage('disco','gfx/mouseover/website-news_05.gif');" onmouseout="switchimage('disco','gfx/website-news_05.gif');"><img name='disco' src="gfx/website-news_05.gif" width="44" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=download" onmouseover="switchimage('download','gfx/mouseover/website-news_06.gif');" onmouseout="switchimage('download','gfx/website-news_06.gif');"><img name='download' src="gfx/website-news_06.gif" width="76" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=shop" onmouseover="switchimage('shop','gfx/mouseover/website-news_07.gif');" onmouseout="switchimage('shop','gfx/website-news_07.gif');"><img name='shop' src="gfx/website-news_07.gif" width="42" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=press" onmouseover="switchimage('press','gfx/mouseover/website-news_08.gif');" onmouseout="switchimage('press','gfx/website-news_08.gif');"><img name='press' src="gfx/website-news_08.gif" width="52" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=gbook" onmouseover="switchimage('gbook','gfx/mouseover/website-news_09.gif');" onmouseout="switchimage('gbook','gfx/website-news_09.gif');"><img name='gbook' src="gfx/website-news_09.gif" width="53" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=contact" onmouseover="switchimage('contact','gfx/mouseover/website-news_10.gif');" onmouseout="switchimage('contact','gfx/website-news_10.gif');"><img name='contact' src="gfx/website-news_10.gif" width="63" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=links" onmouseover="switchimage('links','gfx/mouseover/website-news_11.gif');" onmouseout="switchimage('links','gfx/website-news_11.gif');"><img name='links' src="gfx/website-news_11.gif" width="42" height="24" border="0" alt=""></a></td>
<td><a href="index.php?page=impressum" onmouseover="switchimage('impressum','gfx/mouseover/website-news_12.gif');" onmouseout="switchimage('impressum','gfx/website-news_12.gif');"><img name='impressum' src="gfx/website-news_12.gif" width="86" height="24" border="0" alt=""></a></td>
<td><img src="gfx/website-news_13.gif" width="97" height="24" border="0" alt=""></td>

</tr>
</table>
 
OK, ja is mit Gifs gemacht, das wäre auch eine möglichkeit, habe das auch schonmal probiert, aber da trat das problem auf, dass ich von einem GIF oder Rollover-GIF nicht in einen Frame routen konnte...

PHP: 
<a href="Projekte.htm" target="frame" class="Stil26">Projekte</a>

habe für diesen Fall das kursive "Projekte" einfach durch den Code für das Rollover ersetzt, aber wie gesagt routet er bei mir niocht von rollover in den frame...
 
Stimmt denn der Wert im target-Attribut auch mit dem Namen des Ziel-Fensters (Frames) überein?

Und wie lautet denn der vollständige HTML-Code mit dem Rollover-Image?
 
Ja der Wert stimmt shon überein, hab ja die website schon bestehend aus funktionierenden Framewechseln ...

Hier mal der Code-Auszug

Vorher hatte ich es so...ich habe halt meine normale schrift "Links" stehen, klicke und werde schön in den frame geroutet:

PHP: 
<a href="Links.htm" target="frame" class="Stil26">Links</a>

Jetzt bin ich wie folgt vorgegangen: Habe einfach ein Rollover erstellt, den Code für dieses kopiert und anstelle von "links (s.o.)" eingefügt, jetz erscheint zwar das gif, aber wenn ich das gif klicke route er mir nich in den frame...hmmm...

PHP: 
<a href="Links.htm" target="frame" class="Stil26"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','test2.gif',1)"><img src="test.gif" name="Image1" width="120" height="40" border="0" id="Image1" /></a></a>

Bitte um Verbesserung des codes
 
Zuletzt bearbeitet:
Entferne mal das doppelt vorhandene a-Element und notiere die Eventhandler im ersten a-Element:

Code: 
<a href="Tracks.htm" target="frame" class="Stil26" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image1','','test2.gif',1)"><img src="test.gif" name="Image1" width="120" height="40" border="0" id="Image1" /></a>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück