Archiv für die Kategorie „CSS Hacks“
Google Fonts ohne Plugin in WordPress einbinden
25. Mai 2010 | 
Autor: Das Google Font Directory bietet zur Zeit 18 verschiedene Webfonts an, die direkt mit nur einem Link in Webseiten eingebaut werden können. Der Vorteil gegenüber “normalen Fonts ist, das die Font auf dem Rechner des Besuchers nicht vorhanden sein müssen.
In der ersten Zeile wird zu Google Fonts verlinkt. Die Zeile wird zwischen <head> und </head> eingebunden. Hinter “family=” wird der Name des Fonts eingegeben. Nun benötigt man nur noch ein Stylesheet, wo der Font zugewiesen wird
Das wars schon.
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
<style>
body {
font-family: 'Lobster', serif;
font-size: 70px;
}
</style>
<h1>Der Google Lobster Font</h1>
Beispiele der Font sind hier zu finden.
WordPress schneller laden mit WP CSS
Halmat Ferellos WP CSS beseitigt Leerstellen aus CSS Dateien und beschleunigt so das WordPresss Blog deutlich.
Bildergröße per CSS einschränken
Oft kommt es vor, dass ein Bild breiter ist, als die Textbox. Insbesondere wenn man mehrere Autoren hat, die nicht so erfahren in WordPress sind.
Um zu große Bilder, die das Layout zerstören zu verhindern, einfach die folgenden CSS Zeilen in die styles.css Datei einbinden.
.postarea img {
max-width: 400px;
height: auto;
}
Loading ...
