• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

ungewöhnliches font in html darstellen??

G

Gewinner09

Neues Mitglied
Hallo Community.

Ich bastel grade an einer Website, die als Werbung dienen soll.
Nun habe ich eine PSD, die ich in html umsetzen soll.
Nur da ist dieser font namens: Square721 BT.
Wie kann ich meine Schriftart in genau diese umwandeln.
Ich denke mit font-familiy sollte es klappen.
Aber kann ich einfach "Square721_BT" schreiben oder wie mach ich das mit der leerzeile.
vielen Dank schonmal im vorraus
Lg

edit: in ps heißt die Schrift :Square721 BT, in dem Windows Schriftartenordner
heißt es Square721 BT (True Type) und unter Eigenschaften heißt es es ist eine TT0246_.TTF
mhhhhhhh :(
 
Zuletzt bearbeitet:
Gib mal

Code: 
font-family: "Square721 BT", sans-serif;

an. Wobei das natürlich auch nur geht wenn auf dem Rechner selbst die Schriftart existiert. Bei dir ist sie scheinbar da, aber bei anderen vielleicht nicht. Bedenke das.
 
Das ist nicht das Problem. Die Werbung soll nur über den einen Rechner auf größeren TFTs dargestellt werden.
Scheint aber nicht zu klappen.

HTML: 
<div class="text">
<p>Gehäuse Aopen G325. Micro-Atx Gehäuse
</p>
</div>
CSS
Code: 
        .text{
            width:645px;
            height:545px;
            margin-top:150px;
            position:relative;
            }

        .text p{
            font-family: "Square721 BT", sans-serif;
            }
so habe ich es aufgebaut.
bitte verbessert mich, sollte es falsch sein.
 
Zuletzt bearbeitet:
@ threadi habe es schon editiert. warn schreibfehler.

@ Thor, habe bis jetzt immer nur mit <div> gearbeitet, dachte das macht man einfach so..

so nun habe ich es folgend verändert
HTML: 
<p class="text">Gehäuse Aopen G325. Micro-Atx Gehäuse
</p>
CSS
Code: 
.text{
            width:645px;
            height:545px;
            margin-top:150px;
            position:relative;
            font-family:font-family: "Square721 BT", sans-serif;
            }
klappt nun aber immer noch nicht.
 
Gewinner09 schrieb:
habe bis jetzt immer nur mit <div> gearbeitet, dachte das macht man einfach so..
Zum Vergrößern anklicken....
Macht man nicht ;)

Man verwendet das Tag, welches den Inhalt am besten beschreibt. <h1> bis <h6> für Überschriften, <p> für Textabsätze, <ul> und <ol> für Listen, <dl> für Definitionslisten, <table> für tabellarische Daten, <fieldset> für Eingabefelder und <label> usw.

Ein <div> wird nur zum gruppieren mehrerer Elemente verwendet.
 
p {font:url('schriftart.ttf');
font-size:15px;
color:#ff0000;}

habe das gefunden. und werde es mal probieren

edit:
Seby mit deiner Variante funzt es. kA wieso eben nicht.
mit
font:url(TT0246M_.TTF);

hat es genauso geklappt.
ich denke, dass ist sogar noch besser, da nun auch andere PC's diesen font über die Webseite laden können:)

oder?? wie bekomme ich eigentlich meine Schrift fett?
 
Zuletzt bearbeitet:
struppi danke die Sache ist gelöst.
Nun würde ich doch aber gerne wissen, welche variante besser ist.
fontfamily geht und greift dann ja auf den Windows Schriftarten ordner zu.
über url hat man die .tff datei ja in den Ordner der .html oder einem Unterordner usw zu.
Was ist wohl besser?
wie kann ich meine Schrift denn so positionieren, dass sie divs nicht wegschiebt, sondern überfließt???
 
In welchen Browser klappt das mit url()?
Firefox meldet in der Fehlerkonsole:
Code: 
Warnung: Fehler beim Verarbeiten des Wertes für 'font'.  Deklaration ignoriert.
Quelldatei: ./ungewoehnliches-font-html-darstellen.html
Zeile: 14
 
das klappt wenn man die seite über die index.html öffnet, leider nicht wenn man die seite manuel eingibt...
das muss doch irgendwie damit zu tun haben, das der verweiß falsch ist. mhhh
meine andern Fragen sind noch nicht beantwortet. pls help
 
Gewinner09 schrieb:
das klappt wenn man die seite über die index.html öffnet, leider nicht wenn man die seite manuel eingibt...
das muss doch irgendwie damit zu tun haben, das der verweiß falsch ist. mhhh
meine andern Fragen sind noch nicht beantwortet. pls help
Zum Vergrößern anklicken....
Was heißt über die index.html öffnet? In welchem Browser? Ich kann keine Quelle finde, das das ein gültiger Wert für font ist.

Pack nicht zuviele fragen in einen Thread, mir ist nicht klar, was du alles noch Wissen möchtest.
 
Gewinner09 schrieb:
wie kann ich meine Schrift denn so positionieren, dass sie divs nicht wegschiebt, sondern überfließt???
Zum Vergrößern anklicken....

mhh in firefox, 3.55.
du ziehst die index.html per drag & drop in den ff. und dann wird da diese schrift auchso angezeigt.

so siehts bei mir aus:
file://///1X2.168.X.XX/XX/www/XX.webXX.com/advertise/sites/adone.html
gebe ich aber meine adresse so ein www....
gehts nicht.
aber egal.
hätte gerne ne Antwort auf die andere Frage :)
 
Gewinner09 schrieb:
mhh in firefox, 3.55.
du ziehst die index.html per drag & drop in den ff. und dann wird da diese schrift auchso angezeigt.
Zum Vergrößern anklicken....
Bei mir nicht. Da kommt mit deinem obigen CSS Code die schon genannte Fehlermeldung und es wird keine andere Schriftart angezeigt.

Wie gesagt, ich weiß nicht was du noch genau Wissen willst, du hast jetzt mehrfach eine Frage eingeworfen, die nicht mit dem Ausgangsthema zu tun hatte.
 
Weiss nicht genau was du mit "überfliessen" der div meinst, aber setz mal overflow-x: show; für das div in css.
Das mit dem font: url hab ich leider auch nirgends finden können. Es gibt so etwas mit font-face aber seht selbst:
SELFHTML: Stylesheets / CSS-Eigenschaften / Schriftformatierung mit Schriftartendatei
Somit funktioniert nur die erste Version, dass die Schriftart aus dem System ordner geladen wird. Damit hat sich auch deine andere Frage erledigt, was besser ist :D
 
Ich meine das es die divs nicht wegschiebt.
sondern darüber steht.
zB
ich habe ein div, da ist ein Bild drin von einem PC.
Über dieses div mit Bild will ich eine Schrift zB -, 699&euro; "drauflegen"
verstanden?
im moment schieb mein 699Euro das bild wegund steht daneben
 
Zuletzt bearbeitet:
Ja das ist möglich. Dafür brauchst du dann eine absoutes element. Dieses legt sich dann über alle anderen Elemente: also für das Element das überliegend sein soll:
Code: 
position: absolute;

Das Element kannst du dann über left und right positionieren :)
 
crash schrieb:
Web Open Font Format for Firefox 3.6 at hacks.mozilla.org und beautiful fonts with @font-face at hacks.mozilla.org
Zum Vergrößern anklicken....

Schade, dass die Fonts erst ab FF 3.5 unterstützt werden. :?
Ich rate weiterhin dazu sich eine Schriftart auszuwählen, die für jeden zugänglich ist :)

Und lol. Grade erst gesehen
Gewinner09 schrieb:
file://///1X2.168.X.XX/XX/www/XX.webXX.com/advertise/sites/adone.html
Zum Vergrößern anklicken....

<joke>

Spielen wir Glückrad:
*dreh*
*ratter*
100€
Ich nehme eine 9
*bling*

</joke>

Wenn das erste X für eine 9 steht, hättest es nicht maskieren müssen :D
Ist wenn eine interne Ip, die du nur innerhalb deines Netzwerkes ansprechen kannst :)
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben