zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Schrift einbetten über CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.03.2011, 12:41
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2011
Beiträge: 12
spyuser befindet sich auf einem aufstrebenden Ast
Standard Schrift einbetten über CSS

Hallo

ich habe gehört/gelesen, das ich eine ausserordentliche Schrift über CSS fix einbetten kann, das Sie in jedem Browser funktioniert.

Code:
@font-face { font-family:Georgia;
             src:url(http://....url/pfad/fonts/georgia.ttf); }

.schrift
{
  font-family:Georgia;
}
So hab ichs eingebettet, nur diese funktioniert grad bei meinem Rechner, weil ich auch die Schrift installiert habe, überall anders nicht!

Was mach ich falsch bzw. geht das überhaupt?
Bitte um Hilfe

Lieben Dank für jede Hilfe
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.03.2011, 12:43
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

schau dir mal das hier an.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.03.2011, 12:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2011
Beiträge: 12
spyuser befindet sich auf einem aufstrebenden Ast
Standard

he danke, das Problem ist nur, es funktioniert dennoch nicht
Mit Zitat antworten
  #4 (permalink)  
Alt 09.03.2011, 12:59
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.087
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von spyuser Beitrag anzeigen
he danke, das Problem ist nur, es funktioniert dennoch nicht
Hast du denn die Schriftart auf deinen Webspace hochgeladen?

Hier gibts noch einen Generator dazu.
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
  #5 (permalink)  
Alt 09.03.2011, 13:01
Benutzerbild von Manfred62
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2009
Ort: Ludwigsburg
Beiträge: 2.135
Manfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nettManfred62 ist einfach richtig nett
Standard

Dies hier geht eventuell einfacher:
Google Web Fonts

Manfred
Mit Zitat antworten
  #6 (permalink)  
Alt 09.03.2011, 13:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2011
Beiträge: 12
spyuser befindet sich auf einem aufstrebenden Ast
Standard

Ja, hab ich am Server liegen ...

Code:
@font-face { font-family:Georgia;
            src:url(http://jkjk/fileadmin/fonts/georgia.ttf); 
			src: local('Georgia Regular'), local('Georgia Web'), 
			     url(http://jkkj/fileadmin/fonts/georgia.ttf) format('truetype');
			}
So hab ichs jetzt eingebunden, leider ohne erfolg
Mit Zitat antworten
  #7 (permalink)  
Alt 09.03.2011, 14:38
Benutzerbild von in-flames
Neuer Benutzer
neuer user
 
Registriert seit: 09.03.2011
Beiträge: 28
in-flames befindet sich auf einem aufstrebenden Ast
Standard

wir hatten das problem auch. haben das dann wie folgt gelöst. viel. hilft dir das weiter:

Code:
<script type="text/javascript">
/* <![CDATA[ */
window.onload = function() {
setTimeout(lazyload, 100);
}
function lazyload() {
var sRule1 =
"@font-face {" +
"  font-family:'FONT_NAME';" +
"  src:url('fonts/FONT_NAME.otf')," +
"  url('fonts/FONT_NAME.svg') format('svg');" +
"}";

var sRule2 =
"@font-face {" +
"  font-family:'FONT_NAME';" +
"	 src:url('/fonts/FONT_NAME.eot?') format('eot');"+
"}";

var style1 = document.styleSheets[0];
var style2 = document.styleSheets[3];
if ( "function" === typeof(style1.insertRule) ) {
// Firefox, Safari, Chrome
style1.insertRule(sRule1, 0);
}
else if ( "string" === typeof(style1.cssText) ) {
// IE
style2.cssText = sRule2;
}
}
/* ]]> */
</script>
<style>
.marydale{
font-family:'FONT_NAME';
}
</style>
Mit Zitat antworten
  #8 (permalink)  
Alt 09.03.2011, 16:09
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.03.2011
Beiträge: 12
spyuser befindet sich auf einem aufstrebenden Ast
Standard

Vielen lieben Dank

echt cool, da geht mal was :=))

Danke!
Mit Zitat antworten
  #9 (permalink)  
Alt 09.03.2011, 16:21
Benutzerbild von in-flames
Neuer Benutzer
neuer user
 
Registriert seit: 09.03.2011
Beiträge: 28
in-flames befindet sich auf einem aufstrebenden Ast
Standard

kein thema. gern geschehen. du musst für die unterschiedlichen browser nä.auch unterschiedliche schrifttypen definieren. u.mit diesem script werden soweit es geht alle browser abgedeckt. sollte auch mit dem iphone funktionieren.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
CSS Formatierung Schrift seven-of-nine CSS 3 02.12.2008 14:47
Your browser does not support CSS.... Iustinian CSS 11 16.10.2008 11:08
CSS CHECK ICH NICHT!!! skywalkerluk CSS 6 21.07.2005 19:22
Schrift pixelig bei grossen Schriftgrössen CSS Beb CSS 5 19.06.2005 20:46
Senkrechte Schrift mit CSS? Anonymous CSS 2 04.09.2004 15:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:13 Uhr.