eigene Startseite für Fux, aber mit eigener Schrift ?

Fubu

Hallo,
es ist nicht direkt der Fux sondern die Startseite die ich gerade für mich erstellen möchte.

Leider weis ich nicht wie man bestimmte Schriftarten von der Festplatte einbinden kann wenn man diese z.B. im Dateiformat *.otf, *.ttf vorliegen hat.

Damit meine ich z.B.

Code

#überschrift {
	text-align: center;
}
#inhalt{
	text-align: left;
}
#extra{
	text-align: left;
}

im Notfall oder wenn es einfacher wäre würde auch gehen vom Webserver in meiner Startseite einzubinden.

Endor

Schriftart geht so:

CSS

#überschrift {
    font-family: "Times New Roman", Georgia, Serif !important;
    font-size: 20px !important;
   font-weight: bold !important;
}

Quelle:
1. https://www.w3schools.com/cssref/pr_font_font-family.asp
2. https://www.w3schools.com/cssref/pr_font_font-size.asp
3. https://www.w3schools.com/cssref/pr_font_weight.asp
Mfg.
Endor

Fubu

Hallo,
Danke erstmal aber das mit

Code

font-family:

kenn ich ja, nur was mach ich wenn die Schrift folgende sind
wie z.B.

https://fonts.google.com/specimen/PT+Sans
und
https://fonts.google.com/?query=vt323
und
https://fonts.google.com/?query=Bree+Serif

Sören Hentzschel

Dann bindest du die Schrift genau so ein, wie es dort beschrieben wird. Nachdem du "Select this font" angeklickt hast, steht das da, wenn du auf "1 Family selected" klickst.

Ich verschieb das Thema nach Smalltalk, da es nicht um Firefox geht, sondern du Fragen zu HTML hast.

Endor

Externe Fonts kann man mit css wahrscheinlich nicht einbinden.
Es geht anscheinend nur mit html.
Siehe zbs. https://developers.google.com/fonts/docs/getting_started

Aber warte mal, meine CSS Kenntnisse sind leider sehr begrenzt, vielleicht
kann ja jemand anderes da mehr dazu sagen.
Mfg.
Endor

Sören Hentzschel

Doch, kann man.

Code

@import url('https://fonts.googleapis.com/css?family=PT+Sans');

Aber wie ich schon in meinem vorherigen Beitrag schrieb: das steht alles auf Google Fonts. Von dort habe ich oben stehende Zeile einfach kopiert.

Endor

Hallo Sören.
Vielen Dank. Habe ich auch mal was dazu gelernt. :wink:
Mfg.
Endor

Fubu

Danke, klappt jetzt.