Schrift: Difference between revisions

Line 186:

Im Rahmen eines Unternehmensweiten Erscheinungsbildes spielt die Hausschrift eine wichtige Rolle.

Beim [[Bauhaus-Universität Corporate Design]] ist es die Linotype ''Syntax''

==Schrift im Computer==

Line 213:

Line 217:

* Der Populärste Metafont ist der Von Don Knuth entworfene ''Computer Modern''.

== ~~Ressourcen~~ ==

== Resourcen ==

~~Im Rahmen eines Unternehmensweiten Erscheinungsbildes spielt die Hausschrift eine wichtige Rolle~~. ~~Beim [[Bauhaus-Universität Corporate Design]~~] ~~ist es die Linotype ''Syntax''~~

=== Schriften Verstehen ===

==== Allgemeines ====

* [http://infotype.de/ InfoType App]

* [http://www.typografie.info typografie.info]

* [http://typefacts.com Typefacts – Typografie verstehen]

* http://type.method.ac Spationierungsspiel

* [http://type.method.ac Spationierungsspiel]

* http://practicaltypography.com

* [http://practicaltypography.com Practical Typografie]

* [http://www.buchstabenmuseum.de Buchstabenmuseum]

~~=== Schriften identifizieren ===~~

* [http://new.myfonts.com/WhatTheFont What The Font?]

* [http://~~www.identifont~~.com ~~identifont~~]

* [http://www.~~adobe.com/type/fontfinder Adobe Fontfinder]~~

* [http://fount.artequalswork.~~com Webschriften identifizieren~~]

=== Web ~~& Typo~~ ===

==== Schriften im Web ====

* [http://webtypobuch.de/lesen #webtypobuch] – kostenloses Buch über Typografie im Web

* [http://www.designtagebuch.de/die-gefuehlte-lesbarkeit/ Designtagebuch: Die gefühlte Lesbarkeit] - unbedingt lesenswerter Artikel

Line 235:

Line 238:

* [http://www.apple.com/html5/showcase/typography/ HTML5 Typo Showcase] von Apple (für Webkit-Browser)

=== Schriften ===

==== Schriften Erkennen ====

==== ~~Offene~~ (~~freie~~) ~~Schriftarten~~ ====

* [http://new.myfonts.com/WhatTheFont What The Font?]

* [[wikipedia:Liberation fonts]]

* [http://www.identifont.com identifont]

* [http://www.adobe.com/type/fontfinder Adobe Fontfinder]

* [http://fount.artequalswork.com Webschriften identifizieren]

=== Exotische Schriften ===

[[Image:Noto-Sans-Egyptian-Hieroglyphs-unhinted.png|thumb|200px|Ägyptische Hieroglyphen aus dem freien [https://www.google.com/get/noto/ Noto Sans Font] ]]

[[Image:Visible_Speech.jpg|thumb|200px|[[wikipedia:Visible Speech|Visible Speech]] Eine konstruierte Schrift]]

==== Ferne Länder und vergangene Zeiten ====

* [[wikipedia:de:Schriften der Welt|Schriften der Welt]]

* [http://www.linotype.com/de/6729/nichtlateinischeschriften.html Nichtlateinische Schriften]

* [[wikipedia:de:Unicode|Unicode]]

* [https://www.google.com/get/noto/ Noto Sans]

* [[wikipedia:de:Ägyptische_Hieroglyphen|Hieroglyphen]]

* [[wikipedia:de:Maya-Schrift|Maya-Schrift]]

==== Fantasie-Schriften ====

* [[wikipedia:Constructed script|Konstruierte Schriften]]

* [[wikipedia:Visible Speech|Visible Speech]]

* [[wikipedia:de:Tengwar und Certar|Tengwar und Certar]]

* [http://freetengwar.sourceforge.net|Free Tengwar Font Project]

* [http://tengwar.art.pl/tengwar/fonty.php Tengwar Schrift-Sammlung]

==== Besondere Schriften ====

* [[wikipedia:Notensatz|Notensatz]]

* [[wikipedia:de:Morsezeichen|Morsealphabet]]

* [[wikipedia:de:Winkeralphabet|Winkeralphabet]]

* [[wikipedia:de:Blindenschrift|Blindenschrift]]

* [http://www.signwriting.org/ Sign Writing]

==== Netz-Kultur ====

* [[wikipedia:Emoji|Emoji]] auf Wikipedia

* [http://apps.timwhitlock.info/emoji/tables/unicode Emoji-Tabellen für's Web]

* [http://www.emojidick.com/ Emoji Dick]

* [[wikipedia:de:Emoticon|Emoticons]]

=== Computer-Schriften ===

[[Image:Metaflop-Screenshot.png|thumb|200px|[http://www.metaflop.com/modulator METAFLOP] Parametrische Schriften im Browser]]

[[Image:Martin-Schneider-Turing-Font.jpg|thumb|200px|Gewachsene Schrift [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Ein Turing-Pattern Font]]]

==== Minimalistische Schrift ====

* [[wikipedia:de:Segmentanzeige|Segmentanzeige]]

* [http://ertdfgcvb.com/novoline/ Novoline] Segment-Schrift Animation

==== Parametrische Schrift ====

* [[wikipedia:de:METAFONT|METAFONT]] und das [[google:METAFONT book|METAFONT Buch]] von Don Knuth

* [http://www.metaflop.com/modulator Metaflop] Online Metafont Editor

* [http://metapolator.com Metapolator] Online Parametric Font Editor

* [http://laikafont.ch/ Laikafont]

* [http://www.kalliculator.com/ Kalliculator]

* [http://www.haagseletters.nl/ Haagsletters]

==== Gewachsene Schrift ====

* [http://www.cogsci.indiana.edu/farg/mcgrawg/lspirit.html Letter Spirit] von Doug Hofstadter

* [http://www.danieldavis.com/parametric-typography/ Parametric Typography] von Daniel Davis

* [http://www.creativeapplications.net/processing/generative-typography-processing-tutorial/ Generative Typography] von Amnon Owed

* [http://www.onformative.com/work/growing-data/ Growing-Data] von Cedrik Kiefer (onformative)

* [https://www.flickr.com/photos/toxi/sets/72157604724789091/ Reaction-Diffusion Font] von Karsten Schmidt (toxi)

* [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Turing-McCabe Font] von Martin Schneider

* [http://www.standardabweichung.de/design/projekte/html5/design-font-chemical-munich Interaktive Turing-Patterns] von Daniel Kühnlein

==== Bewegte Schrift ====

* [http://vimeo.com/channels/kinetictypography Kinetische Typografie] Video Channel

* [http://www.anitype.com/ Anitype] Animierte Zeichen mit Javascript

* [http://jschr.github.io/textillate/ Textillate] Schriftanimation mit CSS

* [http://www.standardabweichung.de/design/projekte/html5/design-font-fractalism Font Fractalism] von Daniel Kühnlein

==== Werkzeuge ====

* [http://www.ricardmarxer.com/geomerative/ Geomerative] für Processing

* [http://andreaskoller.com/Fontastic Fontastic] für Processing

* [http://toxiclibs.org/2010/02/simutils-grayscott/ Simutils GrayScott] für Processing

* [http://contextfreeart.org/ Context-Free Art] Software Beispiel: [http://www.contextfreeart.org/gallery/view.php?id=1042 Gras-Schrift] von Gui Gui

=== Schriften Finden ===

==== Freie Schriften ====

Schriften unter freien und Opensource-Lizenzen.

* [[wikipedia:Liberation fonts|Liberation Fonts]]

* [http://openfontlibrary.org Open Font Library]

* [http://www.gnu.org/software/freefont/ GNU FreeFont]

Line 243:

Line 317:

* [http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_fonts SIL International] Open Font License

* [http://font.ubuntu.com Ubuntu Font]

* [http://vollkorn-typeface.com Vollkorn] ~~made by~~ Bauhaus Alumnus Friedrich Althausen

* [http://vollkorn-typeface.com Vollkorn] von Bauhaus Alumnus Friedrich Althausen

* [http://typo3.org/about/the-brand/style-guide/the-typo3-font Share (typo3 font)]

* [https://github.com/adobe/source-sans-pro Adobe Source Code Pro]

Line 252:

Line 326:

* [https://www.theleagueofmoveabletype.com The League of Movable Type]

==== ~~Freeware Schriftarten~~ ====

==== Kostenlose Schriften ====

Bitte ~~Lizenzbedingungen~~ beachten~~, im Einzelfall kann es sein, dass das Herunterladen zwar~~ kostenlos, ~~deren (~~kommerzielle~~) Verwendung es jedoch nicht ist~~!

Bitte die Lizenz-Bedingungen beachten:

Meist ist die private Nutzung der Schriften kostenlos, nicht aber die kommerzielle Nutzung!

* [http://www.fontsquirrel.com/ fontsquirrel.com] - Commercial Use Free Fonts

* [http://www.thefreesite.com/Free_Fonts Free Fonts von thefreesite.com]

Line 259:

Line 334:

* [http://www.dafont.com dafont]

* [http://browse.deviantart.com/resources/fonts/#order=9 deviantART]

==== Font Shops ====

~~==== Kommerzielle Schriftarten ====~~

===== Shops =====

* [http://www.fontshop.de/Schriften/fontfamilylisting.htm Fontshop]

* [http://new.myfonts.com myfonts.com]

==== Font Foundries ====

=====Font Foundries =====

* [http://www.exljbris.com exljbris Font Foundry] einige Schnitte sind kostenlos

* [http://www.smeltery.net SMeltery] einige Schriften sind kostenlos

Line 285:

Line 357:

[[Category:Schrift]]

[[Category:Typo]]

[[Category:Schrift]]

[[Category:Typo]]

@@ Line 186: / Line 186: @@
 <br clear="all"/>
+Im Rahmen eines Unternehmensweiten Erscheinungsbildes spielt die Hausschrift eine wichtige Rolle.<br>
+Beim [[Bauhaus-Universität Corporate Design]] ist es die Linotype ''Syntax''
 ==Schrift im Computer==
@@ Line 213: / Line 217: @@
 * Der Populärste Metafont ist der Von Don Knuth entworfene ''Computer Modern''.
-== Ressourcen ==
+== Resourcen ==
-Im Rahmen eines Unternehmensweiten Erscheinungsbildes spielt die Hausschrift eine wichtige Rolle. Beim [[Bauhaus-Universität Corporate Design]] ist es die Linotype ''Syntax''
+=== Schriften Verstehen ===
+==== Allgemeines ====
+* [http://infotype.de/ InfoType App]
 * [http://www.typografie.info typografie.info]
 * [http://typefacts.com Typefacts – Typografie verstehen]
-* http://type.method.ac Spationierungsspiel
+* [http://type.method.ac Spationierungsspiel]
-* http://practicaltypography.com
+* [http://practicaltypography.com Practical Typografie]
+* [http://www.buchstabenmuseum.de Buchstabenmuseum]
-=== Schriften identifizieren ===
-* [http://new.myfonts.com/WhatTheFont What The Font?]
-* [http://www.identifont.com identifont]
-* [http://www.adobe.com/type/fontfinder Adobe Fontfinder]
-* [http://fount.artequalswork.com Webschriften identifizieren]
-=== Web & Typo ===
+==== Schriften im Web ====
 * [http://webtypobuch.de/lesen #webtypobuch] – kostenloses Buch über Typografie im Web
 * [http://www.designtagebuch.de/die-gefuehlte-lesbarkeit/ Designtagebuch: Die gefühlte Lesbarkeit] - unbedingt lesenswerter Artikel
@@ Line 235: / Line 238: @@
 * [http://www.apple.com/html5/showcase/typography/ HTML5 Typo Showcase] von Apple (für Webkit-Browser)
-=== Schriften ===
+==== Schriften Erkennen ====
-==== Offene (freie) Schriftarten ====
+* [http://new.myfonts.com/WhatTheFont What The Font?]
-* [[wikipedia:Liberation fonts]]
+* [http://www.identifont.com identifont]
+* [http://www.adobe.com/type/fontfinder Adobe Fontfinder]
+* [http://fount.artequalswork.com Webschriften identifizieren]
+=== Exotische Schriften ===
+[[Image:Noto-Sans-Egyptian-Hieroglyphs-unhinted.png|thumb|200px|Ägyptische Hieroglyphen aus dem freien [https://www.google.com/get/noto/ Noto Sans Font] ]]
+[[Image:Visible_Speech.jpg|thumb|200px|[[wikipedia:Visible Speech|Visible Speech]]<br>Eine konstruierte Schrift]]
+==== Ferne Länder und vergangene Zeiten ====
+* [[wikipedia:de:Schriften der Welt|Schriften der Welt]]
+* [http://www.linotype.com/de/6729/nichtlateinischeschriften.html Nichtlateinische Schriften]
+* [[wikipedia:de:Unicode|Unicode]]
+* [https://www.google.com/get/noto/ Noto Sans]
+* [[wikipedia:de:Ägyptische_Hieroglyphen|Hieroglyphen]]
+* [[wikipedia:de:Maya-Schrift|Maya-Schrift]]
+==== Fantasie-Schriften ====
+* [[wikipedia:Constructed script|Konstruierte Schriften]]
+* [[wikipedia:Visible Speech|Visible Speech]]
+* [[wikipedia:de:Tengwar und Certar|Tengwar und Certar]]
+* [http://freetengwar.sourceforge.net|Free Tengwar Font Project]
+* [http://tengwar.art.pl/tengwar/fonty.php Tengwar Schrift-Sammlung]
+==== Besondere Schriften ====
+* [[wikipedia:Notensatz|Notensatz]]
+* [[wikipedia:de:Morsezeichen|Morsealphabet]]
+* [[wikipedia:de:Winkeralphabet|Winkeralphabet]]
+* [[wikipedia:de:Blindenschrift|Blindenschrift]]
+* [http://www.signwriting.org/ Sign Writing]
+==== Netz-Kultur ====
+* [[wikipedia:Emoji|Emoji]] auf Wikipedia
+* [http://apps.timwhitlock.info/emoji/tables/unicode Emoji-Tabellen für's Web]
+* [http://www.emojidick.com/ Emoji Dick]
+* [[wikipedia:de:Emoticon|Emoticons]]
+=== Computer-Schriften ===
+[[Image:Metaflop-Screenshot.png|thumb|200px|[http://www.metaflop.com/modulator METAFLOP]<br> Parametrische Schriften im Browser]]
+[[Image:Martin-Schneider-Turing-Font.jpg|thumb|200px|Gewachsene Schrift<br>[https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Ein Turing-Pattern Font]]]
+==== Minimalistische Schrift ====
+* [[wikipedia:de:Segmentanzeige|Segmentanzeige]]
+* [http://ertdfgcvb.com/novoline/ Novoline] Segment-Schrift Animation
+==== Parametrische Schrift ====
+* [[wikipedia:de:METAFONT|METAFONT]] und das [[google:METAFONT book|METAFONT Buch]] von Don Knuth
+* [http://www.metaflop.com/modulator Metaflop] Online Metafont Editor
+* [http://metapolator.com Metapolator] Online Parametric Font Editor
+* [http://laikafont.ch/ Laikafont]
+* [http://www.kalliculator.com/ Kalliculator]
+* [http://www.haagseletters.nl/ Haagsletters]
+==== Gewachsene Schrift ====
+* [http://www.cogsci.indiana.edu/farg/mcgrawg/lspirit.html Letter Spirit] von Doug Hofstadter
+* [http://www.danieldavis.com/parametric-typography/ Parametric Typography] von Daniel Davis
+* [http://www.creativeapplications.net/processing/generative-typography-processing-tutorial/ Generative Typography] von Amnon Owed
+* [http://www.onformative.com/work/growing-data/ Growing-Data] von Cedrik Kiefer (onformative)
+* [https://www.flickr.com/photos/toxi/sets/72157604724789091/ Reaction-Diffusion Font] von Karsten Schmidt (toxi)
+* [https://www.flickr.com/photos/bitcraft/sets/72157630252521632/ Turing-McCabe Font] von Martin Schneider
+* [http://www.standardabweichung.de/design/projekte/html5/design-font-chemical-munich Interaktive Turing-Patterns] von Daniel Kühnlein
+==== Bewegte Schrift ====
+* [http://vimeo.com/channels/kinetictypography Kinetische Typografie] Video Channel
+* [http://www.anitype.com/ Anitype] Animierte Zeichen mit Javascript
+* [http://jschr.github.io/textillate/ Textillate] Schriftanimation mit CSS
+* [http://www.standardabweichung.de/design/projekte/html5/design-font-fractalism Font Fractalism] von Daniel Kühnlein
+==== Werkzeuge ====
+* [http://www.ricardmarxer.com/geomerative/ Geomerative] für Processing
+* [http://andreaskoller.com/Fontastic Fontastic] für Processing
+* [http://toxiclibs.org/2010/02/simutils-grayscott/ Simutils GrayScott] für Processing
+* [http://contextfreeart.org/ Context-Free Art] Software<br>Beispiel: [http://www.contextfreeart.org/gallery/view.php?id=1042 Gras-Schrift] von Gui Gui
+=== Schriften Finden ===
+==== Freie Schriften ====
+Schriften unter freien und Opensource-Lizenzen.
+* [[wikipedia:Liberation fonts|Liberation Fonts]]
 * [http://openfontlibrary.org Open Font Library]
 * [http://www.gnu.org/software/freefont/ GNU FreeFont]
@@ Line 243: / Line 317: @@
 * [http://scripts.sil.org/cms/scripts/page.php?item_id=OFL_fonts SIL International] Open Font License
 * [http://font.ubuntu.com Ubuntu Font]
-* [http://vollkorn-typeface.com Vollkorn] made by Bauhaus Alumnus Friedrich Althausen
+* [http://vollkorn-typeface.com Vollkorn] von Bauhaus Alumnus Friedrich Althausen
 * [http://typo3.org/about/the-brand/style-guide/the-typo3-font Share (typo3 font)]
 * [https://github.com/adobe/source-sans-pro Adobe Source Code Pro]
@@ Line 252: / Line 326: @@
 * [https://www.theleagueofmoveabletype.com The League of Movable Type]
-==== Freeware Schriftarten ====
+==== Kostenlose Schriften ====
-Bitte Lizenzbedingungen beachten, im Einzelfall kann es sein, dass das Herunterladen zwar kostenlos, deren (kommerzielle) Verwendung es jedoch nicht ist!
+Bitte die Lizenz-Bedingungen beachten:<br>
+Meist ist die private Nutzung der Schriften kostenlos, nicht aber die kommerzielle Nutzung!
 * [http://www.fontsquirrel.com/ fontsquirrel.com] - Commercial Use Free Fonts
 * [http://www.thefreesite.com/Free_Fonts Free Fonts von thefreesite.com]
@@ Line 259: / Line 334: @@
 * [http://www.dafont.com dafont]
 * [http://browse.deviantart.com/resources/fonts/#order=9 deviantART]
+==== Font Shops ====
-==== Kommerzielle Schriftarten ====
-===== Shops =====
 * [http://www.fontshop.de/Schriften/fontfamilylisting.htm Fontshop]
 * [http://new.myfonts.com myfonts.com]
+==== Font Foundries ====
-=====Font Foundries =====
 * [http://www.exljbris.com exljbris Font Foundry] einige Schnitte sind kostenlos
 * [http://www.smeltery.net SMeltery] einige Schriften sind kostenlos
@@ Line 285: / Line 357: @@
 <!-- Template -->
 {{Template:Bauhaus-Vorkurs}}
+[[Category:Schrift]]
+[[Category:Typo]]
 [[Category:Schrift]]
 [[Category:Typo]]