Fonts in Website

webbastler · 18. Juni 2009

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 ?

henne10 · 18. Juni 2009

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;
}

webbastler · 18. Juni 2009

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 ?

Mr. Snoot · 18. Juni 2009

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.

Oli-nux · 21. Juni 2009

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.

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.

QXARE · 22. Juni 2009

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.

webbastler · 22. Juni 2009

Grafiken schön und gut...

@tRIAS:
Stimmt, dass das, was ich realisieren möchte, in CSS3 festgelegt ist, leider unterstützt es aber noch kein Browser.

Was haltet ihr dagegen von TrueDoc oder WEFT ?
--Link:--

netzwerker · 22. Juni 2009

Warum sollte ich als Besucher einer Website einen Font installieren?

Mirko

webbastler · 23. Juni 2009

@ netzwerker:
Erst lesen, dann posten !

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

Oli-nux · 23. Juni 2009

Bleib mal locker, netzwerker hat schon recht!

Zudem suchst Du Hilfe, also achte auf deinen Umgangston!

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!

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

@TE
Hilfe hast du ja insofern bekommen, jetzt kannst du dich entscheiden was du machen bzw. damit anfangen willst.

webbastler · 24. Juni 2009

@Oli-nux:

bei TrueDoc oder WEFT wird dem Nutzer keine Installation irgendeiner Schriftart aufgezwungen !

S1MpLe · 25. Juni 2009

http://forum.de.selfhtml.org/archiv/1999/6/t4572/

der Thread dürfte dir weiterhelfen.

Mr. Snoot · 25. Juni 2009

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

Da scheint es (kA was du genau haben willst) ja auch zu gehen.

webbastler · 25. Juni 2009

OK.
Danke dann erst mal.
Ich werde wohl bei den alt bewährten Grafiken bleiben, um meine Fonts in die Site zu implementieren.

Suche

Fonts in Website

webbastler

Ensign

henne10

Lt. Junior Grade Pro

webbastler

Ensign

Mr. Snoot

Gast

Oli-nux

Lieutenant

QXARE

Lt. Commander

webbastler

Ensign

netzwerker

Lt. Commander

webbastler

Ensign

Oli-nux

Lieutenant

webbastler

Ensign

S1MpLe

Lt. Junior Grade

Mr. Snoot

Gast

webbastler

Ensign

Ähnliche Themen