Ich kann den Link nirgends finden, und ich suchte überall nach Hacker News (wo ich mich erinnere, das Projekt zu sehen), ohne Glück.Noun Project CSS-Wrapper?
Anstatt die Bilder von The Noun Project und so herunterzuladen, haben Sie nur eine CSS-Datei enthalten und den Namen des Substantivs als Klasse unter dem Tag oder etwas angegeben. Ist das da draußen ?!
Vielleicht denken Sie an die Font Awesome, die piktographische Schrift mit 150 Icons, die mit Twitter Bootstrap verwendet werden kann.
Mit Fort Awesome verknüpfen Sie FontAwesome in einem CSS-Tag. Dann fügen Sie die Klasse des gewünschten Symbols zu einem HTML-Element hinzu.
In meinem jsFiddle example habe ich eine Kamera und spielen Kreis neben etwas Text.
Nick
Vielleicht meinen Sie: http://nounpack.com? Sie haben ein Sprite mit vielen Symbolen aus dem Nomen-Projekt und dann können Sie sie als Symbole mit CSS aufnehmen.
Stimmen Sie mit @Nick Silva, dass Font Awesome ist zweifellos der beste Ort für mühelose beginnen 'Nomen Projekt-esque' CSS.
Das gesagt, um Ihre Frage zu beantworten, um Noun Project Symbole direkt zu verwenden, müssten Sie Ihre eigenen verpacken. Der beste Weg, um diese (IMHO) zu tun ist, Font Custom
verwendetFont Custom ist ein Kommandozeilen-Tool zu verwenden, um benutzerdefinierte Symbol Webfonts (CSS) von SVGs (Noun Projekt Icons)
ich einen guten Blick gehabt haben zu generieren so gut und es scheint nicht, dass Sie mit diesem einen können. Hast du Chris Coyiers Artikel über flache Icons gesehen? http://css-tricks.com/flat-icons-icon-fonts/ – hcharge