Fonts in Website

webbastler

Ensign
Registriert
Mai 2008
Beiträge
199
Moin Leute.
Ich möchte einen unstandardmäßigen Font auf meiner Website verwenden.
Wie diese Seite: Link>>

Wenn ich für den Text einfach nur das Attribut einer besonderen Schriftart vergebe bringt das nichts weil der Text mit großer Wahrscheinlichkeit auf anderen Computern nicht so dargestellt werden kann, wie ich es möchte.

Gibt es da noch andere Möglichkeiten ? :(
 
Hi das haben die über CSS gemacht

Code:
/* @override http://my.barackobama.com/skins/obama/constituent/frontend.css */

#constituent {  
  font-size:12px;
}

.error {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.qferror {
    color: red;
    font-weight: normal;
    font-size: 11px;
}

#loginform .logintitle {
  color: #3a73a7;
  width: 75%;
  margin: 0 auto 10px auto;
  font: 14px Georgia, "Times New Roman", Times, serif;
}

#loginform table {
  width: 75%;
  margin: 0 auto;
  background: #fff;
  border: solid 1px #aaa;             
  padding: 10px;
}

#loginform table th { 
  text-align: right;
  padding-bottom: 12px;
}

#signup table th { 
  text-align: right;
  padding-bottom: 12px;
}

#login table tbody tr td {
  padding-bottom: 12px;
  padding-left: 10px;	
}

#signup table tbody tr td {
  padding-bottom: 12px;
  padding-left: 10px;	
}

#login table tbody tr td label {
	padding-left: 10px ;
}

#login table tbody tr td.loginbutton input.button, #signup table tbody tr td.signupbutton input.button {
	background-color: #eee;
	border: 1px solid #666;
	padding: 3px;
}


#loginform table .logindesc {
  padding: 20px 70px;
}
#loginform table .error {
  padding-top: 10px;
  padding-bottom: 5px;

  color: red;
  font-weight: bold;
  text-align: center;
}
#loginform table .loginforgotlink {

  text-decoration: underline;
}
#loginform table .loginbutton {
  text-align: center;
  padding-top: 10px;
}

#signupform .signuptitle { 
  font-size: 110%;
  color: #3a73a7;
  width: 75%;
  margin: 0 auto 10px auto;
  font: 14px Georgia, "Times New Roman", Times, serif;
}

#signupform table {
  width: 75%;
  margin: 0 auto;
  background: #fff;
  border: solid 1px #aaa;             
  padding: 10px;
}

#signupform table th { 
  text-align: right;
}
#signupform table .error {
  padding-top: 10px;
  padding-bottom: 5px;

  color: red;
  font-weight: bold;
  text-align: center;
}
#signupform table .signupdesc {
  padding: 20px 70px;
}
#signupform table .signupbutton {
  text-align: center;
  padding-top: 10px;
}

und

Code:
/* @override http://my.barackobama.com/skins/obama/constituent/frontend2.css */

#constituent {  
  font-size:12px;
}

.error {
    color: red;
    font-weight: bold;
    font-size: 12px;
}

.qferror {
    color: red;
    font-weight: normal;
    font-size: 11px;
}

#mybo_loginform, #mybo_signupform {
  background-color: #EFEFEF;
  padding: 20px;
  width: 400px;
}

#mybo_loginform {
  margin: 0px !important;
  padding-top: 5px;
}

#mybo_loginform .logintitle { 
  color: #3a73a7 !important;
  width: 75% !important;
  margin: 0 auto 10px auto;
  font: 24px Georgia, "Times New Roman", Times, serif !important;
  font-style: italic !important;
}

#mybo_loginform table {
  width: 75%;
  margin: 0 auto;
  background: #fff;
  border: solid 1px #aaa;             
  padding: 10px;
}

#mybo_loginform table th { 
  text-align: right;
  padding-bottom: 12px;
}

#signup table th { 
  text-align: right;
  padding-bottom: 12px;
}

#login table tbody tr td {
  padding-bottom: 12px;
  padding-left: 10px;	
}

#signup table tbody tr td {
  padding-bottom: 12px;
  padding-left: 10px;	
}

#login table tbody tr td label {
	padding-left: 10px ;
}

#login table tbody tr td.loginbutton input.button, #signup table tbody tr td.signupbutton input.button {
	background-color: #eee;
	border: 1px solid #666;
	padding: 3px;
}


#mybo_loginform table .logindesc {
  padding: 20px 70px;
}
#mybo_loginform table .error {
  padding-top: 10px;
  padding-bottom: 5px;

  color: red;
  font-weight: bold;
  text-align: center;
}
#mybo_loginform table .loginforgotlink {

  text-decoration: underline;
}
#mybo_loginform table .loginbutton {
  text-align: center;
  padding-top: 10px;
}

#mybo_signupform {
  margin-top: 18px !important;
}

#mybo_signupform .signuptitle {
  color: #3a73a7 !important;
  width: 75% !important;
  margin: 0 auto 10px auto;
  font: 24px Georgia, "Times New Roman", Times, serif !important;
  font-style: italic !important;
}

#mybo_signupform table {
  width: 75%;
  margin: 0 auto;
  background: #fff;
  border: solid 1px #aaa;             
  padding: 10px;
}

#mybo_signupform table th { 
  text-align: right;
}
#mybo_signupform table .error {
  padding-top: 10px;
  padding-bottom: 5px;

  color: red;
  font-weight: bold;
  text-align: center;
}
#mybo_signupform table .signupdesc {
  padding: 20px 70px;
}
#mybo_signupform table .signupbutton {
  text-align: center;
  padding-top: 10px;
}

das entscheidene sollte das hier sein:

Code:
#mybo_signupform .signuptitle {
  color: #3a73a7 !important;
  width: 75% !important;
  margin: 0 auto 10px auto;
  font: 24px Georgia, "Times New Roman", Times, serif !important;
  font-style: italic !important;
}
 
Danke ;) aber das war nicht das was ich meinte.

Sry: die Beispielseite war falsch angegeben und:
Georgia gehört natürlich zu den websicheren Fonts, weshalb man sie ohne Bedenken auf seiner Seite einsetzen kann.

->->Also noch einmal:
Kann man auf seiner Website eine Schriftart nutzen, die nicht zu den websicheren Fonts gehört, ohne sie in ein Bild verpacken zu müssen ?


:rolleyes:
 
Wenn dann müsstest du dem Besucher eine Installation der Schriftart aufzwängen - was wohl die wenigsten tun werden.

Ansonsten bliebe vielleicht noch den Text als Flashdatei einzubinden. Den Flash Player dürften die meisten haben - ist aber natürlich nicht so komfortabel wenn du mal was daran ändern musst. Zudem können Suchmaschinen noch(?) keinen Text in Flash erkennen.
 
Geht schon, dann aber tritt das ein was schon gesagt wurde.
Wenn dann müsstest du dem Besucher eine Installation der Schriftart aufzwängen - was wohl die wenigsten tun werden.
Ich für meinen Teil würde den Font nicht installieren und die Seite sofort wiedeer verlassen.:o

Wenn du schon den Text - nur eine gewissen - in einer anderen Schriftart haben willst, dann erstell eine Grafik, in einem Grafikprogramm, auf welcher der Text steht und füge das Bild in deine HP - an der Stelle - ein.
 
Geht mit Flash, sifr, Grafiken und CSS3, wobei Flash oder eine Grafik sicher die beste Lösung wären. Dem Benutzer einen Font aufzuzwängen halte ich nicht für gut.
 
@ netzwerker:
Erst lesen, dann posten ! :mad:

Es geht hier nicht darum, dem Besucher die Installation einer Schriftart aufzuwängen.
Es geht um Technologien, die es möglich machen, unstandardmäßige Fonts in die Page zu integrieren...

-> TrueDoc + WEFT
 
Zuletzt bearbeitet:
Bleib mal locker, netzwerker hat schon recht!:o
Zudem suchst Du Hilfe, also achte auf deinen Umgangston!:o

Da du wohl von der Materie weniger verstehst und hier ja schon gesagt wurde, dass du dem User die Installation des Fonts damit aufzwingen musst, hättest du den Link garnicht posten und fragen müssen was wir davon halten - da dies damit u.a. gemeint war!:rolleyes:

@t R I A S
Flash fällt hier flach!
Nur um Text anzuzeigen Flash zu verwenden, also ich weiß ja nicht.:freak:

@TE
Hilfe hast du ja insofern bekommen, jetzt kannst du dich entscheiden was du machen bzw. damit anfangen willst.;)
 
webbastler schrieb:
Was haltet ihr dagegen von TrueDoc oder WEFT ?
Naja, was soll man davon halten?
Dies wird aktuell jedoch nur vom Internet Explorer ab Version 4.0 und Netscape in der veralteten Version 4.x unterstützt.
Damit klammerst du also ~40% der Besucher aus (oder wieviele halt andere Browser benutzen).

Da würde ich ja noch eher Grafiken verwenden.


Oder du machst es einfach so, wie auf der von dir verlinkten Seite im ersten Post :D
Da scheint es (kA was du genau haben willst) ja auch zu gehen.
 
Zurück
Oben