Wiki: font-family und Webfonts – Meta-Forum (read only) Das Forum für alle Themen, die nicht ins SELFHTML Forum passen. https://forum.selfhtml.org/meta Wiki: font-family und Webfonts Sun, 17 Sep 17 06:28:05 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704072#m1704072 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704072#m1704072 <p>Servus!</p> <p>Ich bin grad über den <a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font-family" rel="nofollow noopener noreferrer">font-face</a>-Artikel gestolpert und würde ihn gerne neu gliedern. Dazu habe ich einige Fragen.</p> <pre><code class="block language-html">== Schriftfamiliennamen == Schriftarten sind beispielsweise Arial, Helvetica, Times Roman usw. Auch Schriftfamilien wie Sans Serif usw. gehören dazu. ... == Generische Schriftfamilien == Folgende generische Schriftfamilien sind fest definiert - diese Angaben können Sie also neben Schriftartnamen benutzen: * serif, eine Schriftart mit Serifen * sans-serif, eine Schriftart ohne Serifen * cursive, eine Schriftart für Schreibschrift * fantasy, eine Schriftart für ungewöhnliche Schrift * monospace, eine Schriftart mit dicktengleichen Zeichen </code></pre> <p>Die Wikipedia hat bei den Artikeln für <a href="https://de.wikipedia.org/wiki/Schriftart" rel="nofollow noopener noreferrer">Schriftart</a> und <a href="https://de.wikipedia.org/wiki/Schriftfamilie" rel="nofollow noopener noreferrer">Schriftfamilie</a> ebenfalls Probleme einer genauen Trennung.</p> <p>MDN verwendet kurz und bündig nur den Begriff <code>Schrift</code>, später nur <code>Schriftfamilie</code>.</p> <p>Ich wollte jetzt schon so anfangen:</p> <pre><code class="block language-html">Schriftarten sind beispielsweise Arial, Helvetica, Times Roman usw. Da sie oft aus mehreren Schriftschnitten für Breiten (schmal, breit, …), Strichstärken (leicht, normal, fett, …) und Zeichenlagen (normal, kursiv, …) bestehen, verwendet man auch den Begriff Schriftfamilie. Diese Schriftfamilien kann man in generische Schriftfamilien wie Sans Serif ... </code></pre> <p>Das wird doch aber alles zu kompliziert, oder? sollte man nicht auch den Begriff <code>Schrift</code>, bzw. Schriftfamilie verwenden?</p> <p>Thema <strong>Wingdings</strong></p> <pre><code class="block language-html">Sollten Sie sich mit dem Gedanken tragen, eine der unter Windows geläufigen Schriften „Symbol“, „Webdings“ oder „Wingdings“ in Ihrer CSS-Datei anzugeben, dann sollten Sie es sich lieber nochmal überlegen. </code></pre> <p>Das ist noch von Stefan Münz übrig und heute wohl nicht mehr nötig, oder?</p> <p>Thema <strong>@font-face</strong></p> <p>Wie bindet ihr spezielle Schriften ein, mit font-face (wen ja, welches Format) oder über Google-Fonts? (Im Tutorial ist schon ein Warnhinweis wg. Datenschutz vorhanden.)</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Es gibt viel zu tun: <em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em> </div> Wiki: font-family und Webfonts Sun, 17 Sep 17 07:09:32 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704074#m1704074 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704074#m1704074 <p>Servus!</p> <p>Ich suche grad ein Beispiel, dass eine auf Windows-System häufig verwendete Schrift auf Apple-Systemen nicht existiert. Kennt ihr da ein Beispiel (außer Wingdings)?</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Es gibt viel zu tun: <em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em> </div> Wiki: font-family und Webfonts Sun, 17 Sep 17 08:51:26 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704082#m1704082 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704082#m1704082 <p>Hallo Matthias,</p> <blockquote> <pre><code class="block language-html">* monospace, eine Schriftart mit dicktengleichen Zeichen </code></pre> </blockquote> <p>Zwar ist die Bezeichnung „dicktengleich“ korrekt, aber für Laien unverständlich. Was hältst du von „Schriftart, bei der alle Zeichen die gleiche Breite haben (Schreibmaschinenschrift)“? Zwar gibt es auch Schreibmaschinen, die mit Schriftarten <a href="http://www.zeit.de/1966/43/getippt-wie-gedruckt" rel="nofollow noopener noreferrer">variabler</a> Breite arbeiten, aber das ändert sicher wenig an der Verständlichkeit der Aussage.</p> <blockquote> <p>Ich wollte jetzt schon so anfangen:</p> <pre><code class="block language-html">Schriftarten sind beispielsweise Arial, Helvetica, Times Roman usw. Da sie oft aus mehreren Schriftschnitten für Breiten (schmal, breit, …), Strichstärken (leicht, normal, fett, …) und Zeichenlagen (normal, kursiv, …) bestehen, verwendet man auch den Begriff Schriftfamilie. Diese Schriftfamilien kann man in generische Schriftfamilien wie Sans Serif ... </code></pre> <p>Das wird doch aber alles zu kompliziert, oder?</p> </blockquote> <p>Mache es so einfach wie möglich – aber keinesfalls einfacher. Ich halte das für verständlich und sinnvoll, würde vor „Schriftschnitten“ aber „sogenannten“ ergänzen.</p> <blockquote> <p>sollte man nicht auch den Begriff <code>Schrift</code>, bzw. Schriftfamilie verwenden?</p> </blockquote> <p>Ich würde beides nicht verwenden. Denn „Schrift“ hat häufig auch die Bedeutung von „Schriftstück“ und Schriftfamilien müsste man dann konsequenterweise noch gegen <a href="https://de.wikipedia.org/wiki/Schriftsippe" rel="nofollow noopener noreferrer">Schriftsippen</a> abgrenzen. Da ist die Unterscheidung Schriftarten und Schriftschnitten sicher ein sinnvoller Kompromiss.</p> <blockquote> <pre><code class="block language-html">Sollten Sie sich mit dem Gedanken tragen, eine der unter Windows geläufigen Schriften „Symbol“, „Webdings“ oder „Wingdings“ in Ihrer CSS-Datei anzugeben, dann sollten Sie es sich lieber nochmal überlegen. </code></pre> <p>Das ist noch von Stefan Münz übrig und heute wohl nicht mehr nötig, oder?</p> </blockquote> <p>Das spricht ja mehrere Aspekte an:</p> <ul> <li>Die genannten Schriftarten sind unter zwar unter mehr Betriebssystemen als nur Windows verfügbar, aber nicht unter unter allen.</li> <li>Symbol-Schriftarten sind unter Umständen Bedeutungsträger, deren Bedeutung durch Fehlen der Schriftart verloren geht.</li> <li>Da unter Windows etwa die macOS-Systemschriftart <a href="https://en.wikipedia.org/wiki/Zapf_Dingbats" rel="nofollow noopener noreferrer">Zapf Dingbats</a> nicht standardmäßig vorhanden ist, ist auch ein direkter Bezug auf Windows nicht angemessen.</li> </ul> <p>Deshalb sollte die Aussage angepasst, aber nicht gestrichen werden.</p> <blockquote> <p>Wie bindet ihr spezielle Schriften ein, mit font-face (wen ja, welches Format) oder über Google-Fonts? (Im Tutorial ist schon ein Warnhinweis wg. Datenschutz vorhanden.)</p> </blockquote> <p>Ja, mit <code>@font-face</code> in den Formaten WOFF und WOFF2, erzeugt von <a href="https://transfonter.org" rel="nofollow noopener noreferrer">Transfonter</a>. Andere Formate nur bei kundenseitig gewünschter Unterstützung spezieller alter Browser.</p> <p>MfG, at</p> Wiki: font-family und Webfonts Sun, 17 Sep 17 09:21:26 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704088#m1704088 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704088#m1704088 <p>@@Matthias Scharwies</p> <blockquote> <h4>Schriftfamiliennamen</h4><p>Schriftarten sind beispielsweise Arial, Helvetica, Times Roman usw. Auch Schriftfamilien wie Sans Serif usw. gehören dazu.</p> </blockquote> <p>Arial, Helvetica, Times Roman usw. sind <strong>Schriftfamilien</strong>.</p> <p><strong>Schriftart</strong> ist meinem Verständnis nach eher ein Synonym zu <strong>Schriftschnitt</strong>, also bspw. Helvetica 24pt fett. „Schriftart“ wird aber oft auch für „Schriftfamilie“ verwendet.</p> <p>Ich müsste aber bei Gelegenheit nochmal bei jemandem nachfragen, der sich damit auskennt.</p> <blockquote> <h4>Generische Schriftfamilien</h4><p>Folgende generische Schriftfamilien sind fest definiert - diese Angaben können Sie also neben Schriftartnamen benutzen:</p> <ul> <li>serif, eine Schriftart mit Serifen</li> <li>sans-serif, eine Schriftart ohne Serifen</li> <li>cursive, eine Schriftart für Schreibschrift</li> <li>fantasy, eine Schriftart für ungewöhnliche Schrift</li> <li>monospace, eine Schriftart mit dicktengleichen Zeichen</li> </ul> </blockquote> <p>Das wären dann keine Schriftfamilien, sondern <strong>(Haupt-)Gruppen</strong>.</p> <blockquote> <p>Ich wollte jetzt schon so anfangen:</p> <pre><code class="block language-html">Schriftarten sind beispielsweise Arial, Helvetica, Times Roman usw. Da sie oft aus mehreren Schriftschnitten für Breiten (schmal, breit, …), Strichstärken (leicht, normal, fett, …) und Zeichenlagen (normal, kursiv, …) bestehen, verwendet man auch den Begriff Schriftfamilie. Diese Schriftfamilien kann man in generische Schriftfamilien wie Sans Serif ... </code></pre> </blockquote> <p>Der erste Satz ginge dann in Ordnung, der zweite nicht.</p> <blockquote> <p>Thema <strong>Wingdings</strong></p> <p>[…] Das ist noch von Stefan Münz übrig und heute wohl nicht mehr nötig, oder?</p> </blockquote> <p>Die meisten (alle?) Wingdings-Zeichen sind mittlerweile in Unicode enthalten (z.B. im Block Dingbats U+2700–U+27BF). Moderne Betriebssysteme sollten eine Schriftart mit entsprechenden Glyphen intus haben.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Wiki: font-family und Webfonts Mon, 18 Sep 17 07:14:03 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704151#m1704151 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704151#m1704151 <p>Hej Matthias,</p> <blockquote> <pre><code class="block language-html">Schriftarten sind beispielsweise Arial, Helvetica, Times Roman usw. Da sie oft aus mehreren Schriftschnitten für Breiten (schmal, breit, …), Strichstärken (leicht, normal, fett, …) und Zeichenlagen (normal, kursiv, …) bestehen, verwendet man auch den Begriff Schriftfamilie. Diese Schriftfamilien kann man in generische Schriftfamilien wie Sans Serif ... </code></pre> <p>Das wird doch aber alles zu kompliziert, oder? sollte man nicht auch den Begriff <code>Schrift</code>, bzw. Schriftfamilie verwenden?</p> </blockquote> <p>Nein, würde ich genauso machen!</p> <p>Marc</p> Wiki: font-family und Webfonts Tue, 19 Sep 17 15:54:47 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704305#m1704305 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704305#m1704305 <p>Hallo Matthias,</p> <blockquote> <p>Thema <strong>Wingdings</strong></p> <pre><code class="block language-html">Sollten Sie sich mit dem Gedanken tragen, eine der unter Windows geläufigen Schriften „Symbol“, „Webdings“ oder „Wingdings“ in Ihrer CSS-Datei anzugeben, dann sollten Sie es sich lieber nochmal überlegen. </code></pre> <p>Das ist noch von Stefan Münz übrig und heute wohl nicht mehr nötig, oder?</p> </blockquote> <p>hat mit Stefan Münz nichts zu tun - das hatte ich mal eingefügt:</p> <p>https://wiki.selfhtml.org/index.php?title=CSS%2FEigenschaften%2FSchriftformatierung%2Ffont-family&type=revision&diff=20988&oldid=15365</p> <p>Ich fand meinen Hinweis so schlecht nun nicht, ist aber natürlich nur für weniger erfahrene Leute potenziell nützlich. Aber egal, Ansichtssache, nun ist es halt Geschichte. ;-)</p> <p>Ach ja, und Glückwunsch zu euren Fortschritten im Wiki. Bin ehrlich beeindruckt, dass ihr so weit gekommen seid!</p> <p>MathiasB</p> Wiki: font-family und Webfonts Sun, 17 Sep 17 07:46:00 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704075#m1704075 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704075#m1704075 <p>@@Matthias Scharwies</p> <blockquote> <p>Ich suche grad ein Beispiel, dass eine auf Windows-System häufig verwendete Schrift auf Apple-Systemen nicht existiert. Kennt ihr da ein Beispiel (außer Wingdings)?</p> </blockquote> <p>Arial. Und die ganzen C-Schriften (Calibri, Cambria, …).</p> <p>Ich denke, die hat man auf dem Mac nur drauf, wenn man das MS-Office-Paket installiert hat.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Wiki: font-family und Webfonts Sun, 17 Sep 17 08:01:57 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704078#m1704078 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704078#m1704078 <p>Hallo Matthias.</p> <blockquote> <p>Ich suche grad ein Beispiel, dass eine auf Windows-System häufig verwendete Schrift auf Apple-Systemen nicht existiert. Kennt ihr da ein Beispiel (außer Wingdings)?</p> </blockquote> <p>Das trifft auf die sechs ersten ClearType-Schriftarten von 2006 zu: <a href="http://www.typografie.info/3/Schriften/fonts.html/calibri-r61/" rel="nofollow noopener noreferrer">Calibri</a>, <a href="http://www.typografie.info/3/Schriften/fonts.html/cambria-r62/" rel="nofollow noopener noreferrer">Cambria</a>, <a href="http://www.typografie.info/3/Schriften/fonts.html/candara-r63/" rel="nofollow noopener noreferrer">Candara</a>, <a href="http://www.typografie.info/3/Schriften/fonts.html/consolas-r64/" rel="nofollow noopener noreferrer">Consolas</a>, <a href="http://www.typografie.info/3/Schriften/fonts.html/constantia-r65/" rel="nofollow noopener noreferrer">Constantia</a>, <a href="http://www.typografie.info/3/Schriften/fonts.html/corbel-r66/" rel="nofollow noopener noreferrer">Corbel</a></p> <p>MfG, at</p> Wiki: font-family und Webfonts Sun, 17 Sep 17 07:48:20 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704076#m1704076 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704076#m1704076 <p>Servus!</p> <blockquote> <p>@@Matthias Scharwies</p> <blockquote> <p>Ich suche grad ein Beispiel, dass eine auf Windows-System häufig verwendete Schrift auf Apple-Systemen nicht existiert. Kennt ihr da ein Beispiel (außer Wingdings)?</p> </blockquote> <p>Arial. Und die ganzen C-Schriften (Calibri, Cambria, …).</p> <p>Ich denke, die hat man auf dem Mac nur drauf, wenn man das MS-Office-Paket installiert hat.</p> </blockquote> <p>Danke!</p> <p>Ich habe jetzt mal eine Neugliederung versucht. Habe ich noch etwas vergessen? Ist etwas falsch?</p> <blockquote> <p>LLAP </p> </blockquote> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Es gibt viel zu tun: <em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em> </div> Wiki: font-family und Webfonts Sun, 17 Sep 17 08:10:49 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704079#m1704079 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704079#m1704079 <p>Hallo Gunnar,</p> <blockquote> <p>Arial.</p> </blockquote> <p>Nope.</p> <blockquote> <p>Ich denke, die hat man auf dem Mac nur drauf, wenn man das MS-Office-Paket installiert hat.</p> </blockquote> <p>Die Arial und viele andere unter Windows standardmäßig installierte Schriftarten gehören auch zum Lieferumfang von <a href="https://support.apple.com/de-de/HT206872" rel="nofollow noopener noreferrer">macOS</a> – auch in <a href="https://support.apple.com/de-de/HT201344" rel="nofollow noopener noreferrer">älteren</a> Versionen.</p> <p>MfG, at</p> Wiki: font-family und Webfonts Sun, 17 Sep 17 14:18:06 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704117#m1704117 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704117#m1704117 <p>Hallo Matthias Scharwies,</p> <p>Die Angabe zur Syntax ist imho nur verwirrend.</p> <p>Bis demnächst<br> Matthias</p> <div class="signature">-- <br> Rosen sind rot. </div> Wiki: font-family und Webfonts Mon, 18 Sep 17 04:04:41 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704146#m1704146 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704146#m1704146 <p>Servus!</p> <p>Ich habe mal versucht alle Anregungen aufzunehmen:</p> <blockquote> <p>Die Angabe zur Syntax ist imho nur verwirrend.</p> </blockquote> <p>@Matthias Apsel</p> <p>Grad die älteren CSS-Artikel haben einen imho nicht sehr intuitiven Aufbau. Nach Einleitung und Iconset kommt gleich das Beispiel, dann erst irgendwann die möglichen Werte.</p> <p>Hier hilft die Syntax, dass die möglichen Werte anfangs schon erklärt und verlinkt werden. (Hatte beim Zwischenstand gefehlt, ich musste dann weg.)</p> <p>@at @Gunnar Bittersmann</p> <blockquote> <p>Arial, Helvetica, Times Roman usw. sind Schriftfamilien.</p> </blockquote> <blockquote> <p>Schriftart ist meinem Verständnis nach eher ein Synonym zu Schriftschnitt, also bspw. Helvetica 24pt fett. „Schriftart“ wird aber oft auch für „Schriftfamilie“ verwendet.</p> </blockquote> <p>Ja, das war meine Anfangsfrage nach der Abgrenzung, die auch die Wikipedia nicht beantwortet. Ich habe mich für eine wörtliche Übersetzung der Spec entschieden. <code>Name einer bestimmten Schriftfamilie</code> vs <code>generische Schriftfamilie</code>. Das Wort generisch habe ich <a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font-family#Generische_Schriftfamilien" rel="nofollow noopener noreferrer">mit allgemein erklär</a>t.</p> <blockquote> <blockquote> <ul> <li>monospace, eine Schriftart mit dicktengleichen Zeichen Zwar ist die Bezeichnung „dicktengleich“ korrekt, aber für Laien unverständlich.</li> </ul> </blockquote> </blockquote> <p>Ja, aber sie ist ja auch zum <a href="https://wiki.selfhtml.org/wiki/Dicktengleich" rel="nofollow noopener noreferrer">passenden Glossar-Artikel</a> verlinkt. Ich hab's so gelassen - im Glossar-Artikel fehlt glaub ich noch ein Hinweis auf den Anwendungsfall Code-Listings.</p> <p><code>Font Stack</code> ist glaub ich wieder so ein Wort, in dem die deutsche Bedeutung selten verwendet wird. Unser bisher verwendetes Schriftartenstapel hatte bei Google 9 Treffer, Schriftstapel 3980 - also hab ich's lieber im Original gelassen.</p> <p>Wichtig war mir <a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font-family#Anwendung_und_Praxis" rel="nofollow noopener noreferrer">eine Warnung </a>vor zuviel Webfonts - ich glaube, dass ich da einen Kompromiss zwischen dezent und Holzhammer gefunden habe.</p> <p>Bezüglich der Wingding-Symbole habe ich im <a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font-family#Icons_und_Symbole" rel="nofollow noopener noreferrer">letzten Absatz</a> eine Code-Tabelle verlinkt; müsste man irgendwann auch mal ins Wiki bringen.</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Es gibt viel zu tun: <em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em> </div> Wiki: font-family und Webfonts Sun, 17 Sep 17 10:38:38 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704100#m1704100 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704100#m1704100 <p>Hallo Gunnar.</p> <blockquote> <blockquote> <h4>Generische Schriftfamilien</h4><p>Folgende generische Schriftfamilien sind fest definiert - diese Angaben können Sie also neben Schriftartnamen benutzen:</p> <ul> <li>serif, eine Schriftart mit Serifen</li> <li>sans-serif, eine Schriftart ohne Serifen</li> <li>cursive, eine Schriftart für Schreibschrift</li> <li>fantasy, eine Schriftart für ungewöhnliche Schrift</li> <li>monospace, eine Schriftart mit dicktengleichen Zeichen</li> </ul> </blockquote> <p>Das wären dann keine Schriftfamilien, sondern <strong>(Haupt-)Gruppen</strong>.</p> </blockquote> <p>Das halte ich für eine Frage des Kontextes. Generell hast du mit dieser Aussage Recht, aber im Rahmen der Angaben zu <code>font-family</code> scheint mit die Bezeichnung „generische Schriftfamilien“ besser nachvollziehbar. Das kann aber auch an meiner Allergie gegen <a href="https://de.wikipedia.org/wiki/DIN_16518" rel="nofollow noopener noreferrer">unzeitgemäße Eingruppierungen</a> liegen.</p> <p>Weil „generisch“ allerdings im alltäglichen Sprachgebrauch ein wenig geläufiger Begriff ist, wären mir „allgemein“ oder „unspezifisch“ als Begriffe lieber, aber ich befürchte, „generisch“ ist in diesem Zusammenhang etabliert.</p> <p>MfG, at</p> Wiki: font-family und Webfonts Sun, 17 Sep 17 11:57:14 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704109#m1704109 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704109#m1704109 <p>@@at</p> <blockquote> <p>Generell hast du mit dieser Aussage Recht, aber im Rahmen der Angaben zu <code>font-family</code> scheint mit die Bezeichnung „generische Schriftfamilien“ besser nachvollziehbar.</p> </blockquote> <p>Man muss keinen Bezug zwischen <code>font-family</code> und „Schriftfamilie“ herstellen. Mit <code>charset</code> gibt man ja auch keinen Zeichensatz an.</p> <p>Allerdings gibt man mit <code>font-family</code> schon Schriftfamilien (Plural, im Sinne von Schriftarten) an, nicht eine Familie (im Sinne von Gruppe). Bspw. <code>Brush Script MT, Cambria, sans-serif</code>; die Schriftarten können durchaus aus unterschiedlichen Gruppen kommen. (Ob das sinnvoll ist, sei mal dahingestellt.)</p> <p>Vielleicht ist es an der Stelle sinnvoll, den Begriff „Schriftfamilie“ gar nicht zu verwenden, sondern von „Schriftart“ zu sprechen? Möglicherweise beim ersten Autreten des Begriffs in Klammern dahintersetzen: <strong>Schriftart (Schriftfamilie)</strong>.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Wiki: font-family und Webfonts Sun, 17 Sep 17 21:27:23 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704141#m1704141 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704141#m1704141 <p>Hallo Gunnar,</p> <blockquote> <p>Man muss keinen Bezug zwischen <code>font-family</code> und „Schriftfamilie“ herstellen.</p> </blockquote> <p>Natürlich muss man das nicht. Aber es steigert die Verständlichkeit, gerade in Anbetracht der vielen unterschiedlichen Begriffe.</p> <blockquote> <p>Vielleicht ist es an der Stelle sinnvoll, den Begriff „Schriftfamilie“ gar nicht zu verwenden, sondern von „Schriftart“ zu sprechen? Möglicherweise beim ersten Autreten des Begriffs in Klammern dahintersetzen: <strong>Schriftart (Schriftfamilie)</strong>.</p> </blockquote> <p>Yep, an anderer Stelle hatte ich ja bereits ähnlich argumentiert.</p> <p>MfG, at</p> Wiki: font-family und Webfonts Mon, 18 Sep 17 07:27:38 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704153#m1704153 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704153#m1704153 <p>Hej Matthias,</p> <p>Warnung vor nicht installierten Schriften:</p> <p>So stimmt es ja nciht. Es dürfte etlich, wenn nicht sogar die meisten Apple-Nutzer MS-Office installiert haben. Oder etwas anderes von MS (kommt beim kostenlosen OneNote nciht auch das ganze Schriften-Paket mit?).</p> <p>Einerseits gibt es in der Praxis also auf sehr vielen Apple-Systemen diese Schriften.</p> <p>Andererseits gibt es diese und andere Schriften vielleicht weder auf Apple noch unter Linux.</p> <p>Daher würde ich das anders formulieren. "Schriften können vom Browser nur zur Anzeige genutzt werden, wenn diese im Betreibssystem installiert sind oder von der Webseite bereit gestellt werden. Sie können allerdings mehrere Schriften angeben, um die Darstellung auf unterschiedlichen Systemen bestimmen zu können."</p> <p>Beispiel-Reihenfolge: "Helvetica, Arial, Geneva, sans-serif"</p> <p>(Helvetica ist das Original und gehört an den Anfang!)</p> <p>Marc</p> Wiki: font-family und Webfonts Mon, 18 Sep 17 18:58:24 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704192#m1704192 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704192#m1704192 <p>Hallo Matthias,</p> <p>sehr gut, vielen Dank!</p> <blockquote> <p><code>Font Stack</code> ist glaub ich wieder so ein Wort, in dem die deutsche Bedeutung selten verwendet wird. Unser bisher verwendetes Schriftartenstapel hatte bei Google 9 Treffer, Schriftstapel 3980 - also hab ich's lieber im Original gelassen.</p> </blockquote> <p>Ich würde hier von einer <em>Rangfolge</em> sprechen.</p> <blockquote> <p>Wichtig war mir <a href="https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font-family#Anwendung_und_Praxis" rel="nofollow noopener noreferrer">eine Warnung </a>vor zuviel Webfonts - ich glaube, dass ich da einen Kompromiss zwischen dezent und Holzhammer gefunden habe.</p> </blockquote> <p>Ich freue mich schon sehr darauf, in hoffentlich nicht allzu ferner Zukunft diese Warnung durch den Hinweis auf etwas <a href="http://page-online.de/typografie/variable-fonts-das-muessen-sie-wissen/" rel="nofollow noopener noreferrer">anderes</a> ersetzen zu können. Damit <a href="https://medium.com/@tiro/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369" rel="nofollow noopener noreferrer">sinken</a> Anzahl und Gesamtgröße der Schriftart-Dateien erheblich.</p> <p>MfG, at</p> Wiki: font-family und Webfonts Mon, 18 Sep 17 18:46:56 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704190#m1704190 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704190#m1704190 <p>Hallo marctrix,</p> <blockquote> <p>So stimmt es ja nciht. Es dürfte etlich, wenn nicht sogar die meisten Apple-Nutzer MS-Office installiert haben. Oder etwas anderes von MS (kommt beim kostenlosen OneNote nciht auch das ganze Schriften-Paket mit?).</p> </blockquote> <p>Die alten Windows-Standardschriftarten wie Arial, Times New Roman oder Wingdings gehören auch zum Lieferumfang von macOS, die neuen wie Calibra oder Consolas habe ich trotz MS Office nicht auf dem Mac.</p> <blockquote> <p>Daher würde ich das anders formulieren. "Schriften können vom Browser nur zur Anzeige genutzt werden, wenn diese im Betreibssystem installiert sind oder von der Webseite bereit gestellt werden. Sie können allerdings mehrere Schriften angeben, um die Darstellung auf unterschiedlichen Systemen bestimmen zu können."</p> <p>Beispiel-Reihenfolge: "Helvetica, Arial, Geneva, sans-serif"</p> <p>(Helvetica ist das Original und gehört an den Anfang!)</p> </blockquote> <p>Es handelt sich hier neben der allgemeinen Schriftart um eigenständige Schriftarten. Deren unterschiedliche Entstehungszeiträume und unterschiedliche Qualität ändern nichts daran, dass es allesamt Originale sind. Qualitativ äußerst hochwertige Nachbauten der Helvetica wären etwa die <a href="https://www.linotype.com/de/1086487/swiss-721-schriftfamilie.html" rel="nofollow noopener noreferrer">Swiss 721</a> von Bitstream oder die <a href="https://www.linotype.com/de/730591/nimbus-sans-schriftfamilie.html" rel="nofollow noopener noreferrer">Nimbus Sans</a> von URW.</p> <p>MfG, at</p> Wiki: font-family und Webfonts Mon, 18 Sep 17 19:50:21 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704198#m1704198 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704198#m1704198 <p>@@at</p> <blockquote> <p>Ich freue mich schon sehr darauf, in hoffentlich nicht allzu ferner Zukunft diese Warnung durch den Hinweis auf etwas <a href="http://page-online.de/typografie/variable-fonts-das-muessen-sie-wissen/" rel="nofollow noopener noreferrer">anderes</a> ersetzen zu können. Damit <a href="https://medium.com/@tiro/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369" rel="nofollow noopener noreferrer">sinken</a> Anzahl und Gesamtgröße der Schriftart-Dateien erheblich.</p> </blockquote> <p>Ja, <em>variable fonts</em> helfen dagegen, mehrere Dateien/größere Datenmengen übertragen zu müssen, wenn man denn Webfonts in verschiedenen Breiten (schmal, breit, …), Strichstärken (leicht, normal, fett, …) und Zeichenlagen (normal, kursiv, …) verwendet.</p> <p>Sie helfen aber nicht gegen FOUT bzw. FOIT.</p> <p>LLAP </p> <div class="signature">-- <br> “When UX doesn’t consider <em>all</em> users, shouldn’t it be known as ‘<em>Some</em> User Experience’ or... SUX? #a11y” —<a href="https://twitter.com/thebillygregory/status/552466012713783297" rel="nofollow noopener noreferrer">Billy Gregory</a> </div> Variable Fonts Tue, 19 Sep 17 04:44:59 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704213#m1704213 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704213#m1704213 <p>Servus!</p> <blockquote> <p>@@at</p> <blockquote> <p>Ich freue mich schon sehr darauf, in hoffentlich nicht allzu ferner Zukunft diese Warnung durch den Hinweis auf etwas <a href="http://page-online.de/typografie/variable-fonts-das-muessen-sie-wissen/" rel="nofollow noopener noreferrer">anderes</a> ersetzen zu können. Damit <a href="https://medium.com/@tiro/https-medium-com-tiro-introducing-opentype-variable-fonts-12ba6cd2369" rel="nofollow noopener noreferrer">sinken</a> Anzahl und Gesamtgröße der Schriftart-Dateien erheblich.</p> </blockquote> <p>Ja, <em>variable fonts</em> helfen dagegen, mehrere Dateien/größere Datenmengen übertragen zu müssen, wenn man denn Webfonts in verschiedenen Breiten (schmal, breit, …), Strichstärken (leicht, normal, fett, …) und Zeichenlagen (normal, kursiv, …) verwendet.</p> </blockquote> <p>Grad gestern gab's dazu nen Artikel im Smashing Magazine:</p> <ul> <li><a href="https://www.smashingmagazine.com/2017/09/new-font-technologies-improve-web/" rel="nofollow noopener noreferrer">How New Font Technologies Will Improve The Web</a></li> </ul> <p>Mit chr59 und ff53 ist die Browserunterstützung ja besser als erwartet. Ich würd's im Wiki erst mal unter [font-variant](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Schriftformatierung/font-variant#Variable Fonts) andocken.</p> <p>Besser wäre aber ein Blog-Artikel zu einem späteren Zeitpunkt, wenn man das auch im Alltag verwenden kann.</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Es gibt viel zu tun: <em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em> </div> Wiki: font-family und Webfonts Tue, 19 Sep 17 06:05:09 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704217#m1704217 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704217#m1704217 <p>Hallo Gunnar,</p> <blockquote> <p>Ja, <em>variable fonts</em> helfen dagegen, mehrere Dateien/größere Datenmengen übertragen zu müssen, wenn man denn Webfonts in verschiedenen Breiten (schmal, breit, …), Strichstärken (leicht, normal, fett, …) und Zeichenlagen (normal, kursiv, …) verwendet.</p> </blockquote> <p>… was der Normalfall sein dürfte.</p> <blockquote> <p>Sie helfen aber nicht gegen FOUT bzw. FOIT.</p> </blockquote> <p>… wofür es andere Techniken gibt, die mit variablen Fonts besser funktionieren, weil der Zielzustand beim Laden schneller erreicht wird.</p> <p>MfG, at</p> Wiki: font-family und Webfonts Tue, 19 Sep 17 16:27:55 Z https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704308#m1704308 https://forum.selfhtml.org/meta/2017/sep/17/wiki-font-family-und-webfonts/1704308#m1704308 <p>Hallo @mathiasb ,</p> <p>schön mal wieder von Dir zu hören!</p> <blockquote> <blockquote> <p>Das ist noch von Stefan Münz übrig und heute wohl nicht mehr nötig, oder?</p> </blockquote> <p>hat mit Stefan Münz nichts zu tun - das hatte ich mal eingefügt:</p> </blockquote> <blockquote> <p>Ich fand meinen Hinweis so schlecht nun nicht, ist aber natürlich nur für weniger erfahrene Leute potenziell nützlich. Aber egal, Ansichtssache, nun ist es halt Geschichte. ;-)</p> </blockquote> <p>Ein <a href="https://forum.selfhtml.org/meta/2017/sep/9/wiki-h1-h6/1703610#m1703610" rel="noopener noreferrer">ähnliches Erlebnis </a> hatten wir auch bei den Überschriften, wo es eine sehr deutliche (Die Textkorrektur hatte grad <code>deutsche</code> draus gemacht) Warnung gab, dass man Überschrift nicht stylen könne, sondern dafür CSS benötigte.</p> <p>Das ist heute hoffentlich wohl Grundwissen, genauso wie die Frage, was einen Link ausmacht und was das WWW eigentlich ist.</p> <blockquote> <p>Ach ja, und Glückwunsch zu euren Fortschritten im Wiki. Bin ehrlich beeindruckt, dass ihr so weit gekommen seid!</p> </blockquote> <p>Vielen Dank für die Blumen!</p> <p>PS: Hast du Lust im Oktober ein <a href="https://forum.selfhtml.org/events/2" rel="noopener noreferrer">Wochenende in Berlin</a> zu verbringen? Oops, muss mich heute abend selber noch anmelden!</p> <p>Herzliche Grüße</p> <p>Matthias Scharwies</p> <div class="signature">-- <br> Es gibt viel zu tun: <em><a href="http://wiki.selfhtml.org/wiki/Kategorie:ToDo" rel="nofollow noopener noreferrer">ToDo-Liste</a></em> </div>