CSS stylesheet und benutzerdefinierte Schriftarten
Okay, ich bin CSS-Neuling, also hier wir gehen. In einer Vorlage, die ich verwende gibt es ein stylesheet
Kopf {font-family:Verdana; font-size:16px; color:#000000;}
Körper
{font-family:Verdana; font-size:12px; color:#ffffff}
ein
{color:#ff0000; font-family:Verdana; font-size:30px;}
bluetext
{color:#0000ff;}
tooltip{font-family:Verdana; font-size:11px;
color:#ffffff;}
So dass ich vermute, es ist die Bestimmung, was die Schrift sollte für jeden dieser Abschnitte. Was mache ich, wenn ich will, um eine benutzerdefinierte schriftart statt der Verdana für alle diese Abschnitte? Ich habe die .ttf-Datei, aber ich weiß nicht, was anderes zu tun.
Vielen Dank im Voraus!
- mögliche Duplikate von Wie zu verwenden unsere benutzerdefinierte schriftart auf unserer website
- Sie müssen nicht zu erklären, dass die schriftart, Farbe, etc. für jede Klasse. Sie wird vom übergeordneten Element vererbt Elemente, also die Einstellung der font-Familie und Farbe ist nur notwendig für das body-element und auf die Elemente, die Sie überschreiben möchten. Auch die
head
Abschnitt einer Seite enthält nur Dinge, wie z.B. die Titel der Seite, style sheets, usw., aber nichts, was tatsächlich auf der Seite zu sehen, so stylen es nicht tun. Schließlich sollten Sie sich in Klassen und deren notation in css die Klassenbluetext
undtooltip
sollte.bluetext
und.tooltip
.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Generieren Sie zunächst die schriftart für alle browser wie
woff
für Mozillaeot
für IE etc. So generieren Sie aus http://www.fontsquirrel.com/fontface/generator & http://www.font2web.com/ .Dann schreiben
@font-face
in Ihrem CSS.Müssen Sie die Verwendung von font-face für, die. Die grundlegende Umsetzung ist:
Dann einfach verwenden Sie es wie jede andere schriftart in einem anderen Stil-Regel.
Müssen Sie diese in Ihrer css-Datei :
Um die Arbeit auf den IE, sollten Sie exportieren eine andere version der schriftart mit .die eot-Dateiendung erlangen, und fügen Sie eine weitere src-Eigenschaft.
Bearbeiten:
Hier ist eine nützliche link über die Verwendung von @font-face : http://www.webistrate.com/css3-custom-fonts-using-font-face/
Nur zuerst installieren Sie diese schriftart auf Ihrem server/system/root.
& dann gelten, wie Sie diese in Ihrer css -
nutzen Sie einfach den Namen der schriftart, wo immer Sie wollen, zu verwenden
wie