CMS - Workbench | DE


Templating and Coding for CMS (WordPress, Bludit, Automad, Typesetter, GetSimple, Pico and more)


Eigener Schriftfont

Der Einsatz eigener Schriftfonts individualisiert Ihren Webauftritt, daher ist dieses Thema ein Dauerbrenner im Internet.

Einer der aktuell beliebtesten Schriftfonts im Web ist zweifelsohne Roboto. Möchte man diesen für seine Webseite nutzen, dann kann man ihn aus der Google-Bibliothek laden. Auf Grund des schlechten Rufs von Google, möchte dies aber nicht jeder, daher besteht die Möglichkeit den Font auch manuell einzubinden.
  Edit  

Zunächst müssen Sie den Schriftfont aus dem Web beschaffen, es gibt viele kostenlose Quellen zu diesem Font. Laden Sie ihn als TTF-Datei herunter, z.B. roboto-light.ttf und laden Sie diesen auf Ihren Webspace der Domain hoch.

Im nächsten Schritt müssen Sie das StyleCheet definieren, in etwa so:

@font-face {
  font-family: 'roboto';
  src:         url('roboto-light.ttf');
}

Mein Schriftfont liegt im Ordner styles, in dem sich auch meine CSS-Vorgaben befinden, also muss keine weitere Pfadangabe gemacht werden. Ab diesem Zeitpunkt können Sie den Schriftfont ganz regulär wie jeden anderen Font im CSS handhaben:

body {
  color:       #333333;
  font-family: roboto, sans-serif;
  font-size:   1.1em;
  line-height: 1.6em;
}

Binden Sie den Font mit den üblichen CSS-Mitteln über die fant-family ein, geben Sie ihm eine Farbe und eine Größe.

22.11.2020 • CSS • Schrift Font


Oliver Lohse - Ich bin diplomierter Wirtschafts-Informatiker und Organisations-Programmierer in verschiedenen Sprachen bzw. Markup-Dialekten, z.B.: Java, JEE, COBOL, PHP, Python, MySQL, HTML, CSS, ANSI C, Lisp, Rexx, JavaScript, Scheme, ActionScript 2.0, Maschinensprache, Assembler und JCL. Seit mehr als 22 Jahren arbeite ich in einem grossen Softwareunternehmen in Niedersachsen. Sie sehen auf dieser Seite mein eigens für Bludit CMS entwickeltes Theme "Reaktor-Block IV".

Kontakt: Κontakt@Οliver-⌊ohse.de (bitte abtippen)


Empfehlungen:



Schriftfont Roboto hochladen

Die folgenden Einstellungen helfen, eigene TTF-Files hochzuladen.

mehr...



CMS Workbench

Hilfreiche Tipps, Tricks, Codings und Codeschnipsel, die im Rahmen der Entwicklung, Weiterentwicklung und Templatings zum Thema CMS immer wieder benötigt werden - aus verschiedenen Sprachdialekten wie Java, JavaScript, PHP, Python und anderen.