blog.marekventur.de

Bei der Suche nach frei verwendbaren Schriftarten verhält es sich ähnlich kompliziert wie bei Icons: Viele kann man zwar downloaden, darf sie dann aber nur unter einigen Bedingungen und oft nicht kommerziell einsetzten. Ich habe mir daher mal die Mühe gemacht und meine Linksammlung an guten Fontquellen zusammengefasst:

Google Font Directory
Hauptsächlich für die @font-face-Verwendung gedacht hostet Google seit kurzem eine immer größer werdende Menge an freien Schriftarten. Man kann nach dem Umfang der Glyphen filtern, die Schriften direkt im Browser testen oder direkt das passende Stylesheet für ein Webprojekt verlinken. Ein ZIP mit den (in der ersten Phase freigegebenen, also nicht mehr ganz aktuellen) Schriften als TTF findet ihr hier.

Font Squirrel
Momentan finden sich dort 622 freie Schriften. Zu jedem findet man die jeweilige Lizenz, es wird aber angegeben, dass alle “frei für kommerzielle Nutzung” sind. Sich trotzdem davon vor der Verwendung noch einmal selbst zu überzeugen kann natürlich nicht schaden. Wollt ihr die gefunden Schrift dann online einsetzten empfiehlt sich der geniale FontFace-Generator.

The league of moveable type
Hier finden sich nicht annähernd so viele Schriften wie bei den beiden vorhergehenden Seiten, dafür sind sie aber alle von bester Qualität – allein die Vorschaubilder machen Lust auf ein paar kreative Experimente.

Eine der letzten konzeptionellen Daseinsberechtigungen für Flash: Fileupload mit Fortschrittsanzeige.

Wer -wie ich- keine Ahnung von Flashprogrammierung an sich hat, für den bietet sich SWFUpload an. Das “offizielle” Javascript ist ziemlich unschön, umso besser also dass sich schon jemand die Arbeit gemacht hat, ein jQuery-Plugin dafür zu schreiben.

Hier könnt ihr es in Action erleben.

If you are looking for a simple way to use the command line via Java use this wrapper class. It offers a simple solution for a simple task. KISS!

How to use it:

System.out.println(new CommandLine("/var").exec("ls"));

And here is the class:

import java.io.BufferedReader;
import java.io.File;
import java.io.InputStreamReader;
 
public class CommandLine {
 
	private String path ;
 
	public CommandLine() {
		path = "/";
	}
 
	public CommandLine(String path) {
		this.path = path;
	}
 
	public String getPath() {
		return path;
	}
 
	public void setPath(String path) {
		this.path = path;
	}
 
	public String exec(String cmd) {
		String s = null;
		String ret = "";
		File workDir = new File(path);
		try {
			Process p = Runtime.getRuntime().exec(cmd, null, workDir);
			int i = p.waitFor();
			if (i == 0){
				BufferedReader stdInput = new BufferedReader(new InputStreamReader(p.getInputStream()));
				while ((s = stdInput.readLine()) != null) {
					ret = ret + s + "\n";
				}
			}
			else {
				BufferedReader stdErr = new BufferedReader(new InputStreamReader(p.getErrorStream()));
				while ((s = stdErr.readLine()) != null) {
					ret = ret + s + "\n";
				}
			}
		} catch (Exception e) {
			e.printStackTrace();
		}
		return ret;
	}
 
}

UPDATE: Aus irgendeinem unerklärlichen Grund fehlen 4 Icons, die in dem Originalset dabei waren. Ich habe keine Lust, alles neu zu machen, also bleiben sie wohl noch eine Weile verschollen…

Ich habe mich vorgestern mal hingesetzt und das Iconset Raphaël (eigentlich als Beigabe für die JavaScript-Library RaphaëlJS gedacht) in einen @font-face-kompatiblen Webfont konvertiert. Das bedeutet, dass 120 Zeichen der Schriftart keine Buchstaben darstellen, sondern Symbole. Eingebunden werden diese dann via CSS (JavaScript ist nicht nötig) und ein wenig HTML:

<span class="icon">M</span> Send me an email!

Das ist zwar zugegebenerweise nicht semantisch korrekt oder besonders Barrierefrei (dazu hier eine Notiz von dem Pictos-Macher), macht das Einbinden aber ziemlich einfach, ist beliebig skalierbar und funktioniert in fast alle Browsern (Safari in iOS spielt komischerweise nicht mit). Einfärben geht intuitiv mit “color” und man kann beliebige CSS3-Effekt auf die Zeichen anwenden. Außerdem ist der gesamte Font relativ klein, 47kb reichen den meisten Browsern.

Die Idee dahinter ist nicht neu, als Vorbild kann Pictos gelten – die aber leider nicht kostenlos sind und sich somit für kleinere Projekte und zum Experimentieren disqualifizieren.

In natura zu bewundern ist das ganze hier. Dort könnt Ihr auch die Dateien (die wie die original Icons unter MIT stehen) runterladen und sie für eure Projekte verwenden.

Wer -wie ich- nicht mit dem Geschick gesegnet ist, gut in Icon-Designing zu sein, der muss bei Webprojekten oder ähnlichem auf freie Icons zurückgreifen. Schließlich will man nicht irgenwann wegen ein paar Pixeln über tausende von Euro abgemahnt werden. Wenn man dann noch im Hinterkopf hat, irgendwann mal mit dem Ergebnis Geld verdienen zu wollen, sollte man zwei mal hinschauen; Die meisten Creativ-Common-Iconsets verbieten nämlich kommerzielle Nutzung. Ein guter Anlaufpunkt für Recherchen ist IconFinder.

Daher hier eine kleine Linksammlung von brauchbaren, weil umfangreichen (daran scheitert es oft, wer will schon verschiedene Icons kombinieren müssen) Sets, die nicht nur unter einen freien Lizenz stehen, sondern auch kommerzielle Nutzung erlauben (natülich nur im Rahmen der entsprechenden Open-Source-Bestimmungen):

• Mein Favorit: “Addictive” mit über 750 Pixel-Icons in 48×48px.
  
• Einfarbige Vektor Icons, die mit und ohne die JS-Vektor-Library raphaeljs funktionieren
  
• Vektor- und Pixelicons im Set”Crystal“. Ziemlich vollständig, teilweise aber nach meinem Geschmack ein wenig zu glossy
  
• Nicht zu vergessen, das bekannte Tango Desktop Project
  
• Für das iPhone designt, trotzdem universell einfarbig einsetzbar: Glyphish
  
• Quartz Icon Pack
  

Googles newest attempt to make the web nicer has given us webdeveloper a great new resource to play with: Google Font Directory. It’s an easy way to spice up your site with some nice web fonts without having to worry about compatibility and licenses.

Google explicit states that the fonts can be used for other purposes but sadly does not offer a good-to-go-package with all fonts in it. So after trying to find a single zip-file somewhere on the web I’ve decided to do it myself.

Here you are: All Google Font Directory Fonts in one single zip-file.

Please remember to check first, whether your choosen font is readable at a given size.