<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Schriftarten – Linux und Ich</title>
	<atom:link href="https://linuxundich.de/tag/schriftarten/feed/" rel="self" type="application/rss+xml" />
	<link>https://linuxundich.de</link>
	<description>Blog über Ubuntu, Linux, Android und IT</description>
	<lastBuildDate>Mon, 20 Mar 2017 22:31:19 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.1.4</generator>
	<item>
		<title>Darstellung von Calibri (und anderen Bitmap-Fonts) in Linux-Systemen optimieren</title>
		<link>https://linuxundich.de/darstellung-von-calibri-und-anderen-bitmap-fonts-in-linux-systemen-optimieren/</link>
					<comments>https://linuxundich.de/darstellung-von-calibri-und-anderen-bitmap-fonts-in-linux-systemen-optimieren/#comments</comments>
		
		<dc:creator><![CDATA[Christoph Langner]]></dc:creator>
		<pubDate>Wed, 13 Apr 2016 11:10:54 +0000</pubDate>
				<category><![CDATA[GNU/Linux]]></category>
		<category><![CDATA[Arch Linux]]></category>
		<category><![CDATA[Schriftarten]]></category>
		<category><![CDATA[Systemverwaltung]]></category>
		<category><![CDATA[Tipps]]></category>
		<category><![CDATA[Ubuntu]]></category>
		<guid isPermaLink="false">https://linuxundich.de/?p=39361</guid>

					<description><![CDATA[Calibri und andere Bitmap-Fonts werden krakelig dargestellt? Eine Fontconfig-Datei schaltet eingebettete Bitmaps ab.]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Mir ist in der letzten Zeit immer mal wieder aufgefallen, dass Gmail (innerhalb von Chrome oder Chromium geöffnet) manche Mails mit einer sehr krakeligen Schrift anzeigt. Analysiert man die betroffenen Nachrichten ein wenig genauer, dann erkennt man recht schnell, dass das Problem in der Darstellung der <a href="https://de.wikipedia.org/wiki/Calibri">Microsoft-Schriftart Calibri</a> liegt. Die Thematik betrifft jedoch nun nicht nur Browser (auch in Firefox ist die Darstellung der Schrift misslungen), sondern generell alle Anwendungen wie etwa LibreOffice, die Calibri als Font nutzen. Es gibt jedoch einen Workaround, mit dem sich die Darstellung dieser Schriftart (und anderer Bitmap-Fonts) im System generell optimieren lässt.</p><p class="wp-block-paragraph">Das Problem lässt sich wohl auf vielen Linux-Systemen (ich habe Arch und Ubuntu 16.04 getestet) nachvollziehen, auf denen Calibri als Font installiert wurde. Ein weiteres Beispiel für das schlechte Rendering dieser Schrift im System wäre etwa die finnische Nachrichtenseite <a href="https://www.uusisuomi.fi/">Uusi Suomi</a> &#8212; Nein, Finnisch gehört nicht gerade zu den Sprachen, die ich fließend spreche, die Seite war jedoch in einem <a href="https://bugs.chromium.org/p/chromium/issues/detail?id=374818">Bugreport</a> zum Thema als weiteres Beispiel verlinkt. Auch hier erscheint die Schrift in weiten Teilen sehr krakelig. Alternativ könnt ihr auch in LibreOffice ein Writer-Dokument öffnen und Calibri als Font einstellen. Auch hier sollte das Problem schnell erkennbar sein.</p><h2 class="wp-block-heading">Krakelige Darstellung von Bitmap-Fonts</h2>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee1546857b5&quot;}" data-wp-interactive="core/image" data-wp-key="6aee1546857b5" class="wp-block-image size-large wp-lightbox-container"><img fetchpriority="high" decoding="async" width="1164" height="822" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-vorher-gmail.png" alt="Ohne Fontconfig-Hack: Krakelige Darstellung von Calibri bei Gmail." class="wp-image-39366" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-vorher-gmail.png 1164w, https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-vorher-gmail-640x452.png 640w, https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-vorher-gmail-768x542.png 768w" sizes="(max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Ohne Fontconfig-Hack: Krakelige Darstellung von Calibri bei Gmail.</figcaption></figure>

<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee154686585&quot;}" data-wp-interactive="core/image" data-wp-key="6aee154686585" class="wp-block-image size-large wp-lightbox-container"><img decoding="async" width="1164" height="822" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-vorher-uusisuomi.png" alt="Ohne Fontconfig-Hack: Krakelige Darstellung von Calibri auf anderen Webseiten." class="wp-image-39364" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-vorher-uusisuomi.png 1164w, https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-vorher-uusisuomi-640x452.png 640w, https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-vorher-uusisuomi-768x542.png 768w" sizes="(max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Ohne Fontconfig-Hack: Krakelige Darstellung von Calibri auf anderen Webseiten.</figcaption></figure>
<p class="wp-block-paragraph">Die krakelige Schriftdarstellung tritt nun bei allen Fonts auf, die <a href="https://de.wikipedia.org/wiki/Bitmap-Schrift">Bitmap-Schriften</a> enthalten. Dazu zählt nicht nur der wohl am häufigsten auftretende Fall Calibri, sondern auch andere Microsoft-Schriften wie etwa <a href="https://de.wikipedia.org/wiki/Cambria_(Schriftart)">Cambria</a> (seit Windows Vista und Microsoft Office 2007) oder <a href="https://en.wikipedia.org/wiki/Monaco_(typeface)">Monaco</a> (stammt aus OS X). Unter Linux lässt sich der Gebrauch dieser Bitmap-Schriften nun aber recht leicht abstellen. Dazu müsst ihr die Datei <code>/etc/fonts/conf.avail/20-no-embedded.conf</code> mit Root-Rechten anlegen und den Inhalt aus folgendem Listing einfügen. Damit die Einstellung aktiv wird, erstellt ihr am Ende einen Symlink der Datei nach <code>/etc/fonts/conf.d/</code>.</p><pre class="wp-block-code"><code>$ sudo nano /etc/fonts/conf.avail/20-no-embedded.conf</code></pre><pre class="wp-block-code"><code>&lt;?xml version=&quot;1.0&quot;?&gt;
&lt;!DOCTYPE fontconfig SYSTEM &quot;fonts.dtd&quot;&gt;
&lt;fontconfig&gt;
  &lt;match target=&quot;font&quot;&gt;
    &lt;edit name=&quot;embeddedbitmap&quot; mode=&quot;assign&quot;&gt;
      &lt;bool&gt;false&lt;/bool&gt;
    &lt;/edit&gt;
  &lt;/match&gt;
&lt;/fontconfig&gt;</code></pre><pre class="wp-block-code"><code>$ sudo ln -s /etc/fonts/conf.avail/20-no-embedded.conf /etc/fonts/conf.d/</code></pre><p class="wp-block-paragraph">Euer System sollte die Konfiguration direkt aufgreifen, ihr müsst lediglich die gewünschten Anwendungen komplett neu starten &#8212; Zur Not loggt ihr euch einfach einmal aus der Desktopoberfläche aus und gleich wieder neu ein. Alternativ zum beschriebenen Vorgehen packt ihr das Listing ohne Root-Rechte in das Homeverzeichnis eures Benutzers nach <code>~/.config/fontconfig/conf.d/20-no-embedded.conf</code>. Allerdings gilt die Einstellung dann nur für euren User, sodass andere Benutzer wieder über das schlechte Rendering der Schrift klagen werden.</p><h2 class="wp-block-heading">Nach Deaktivieren der Bitmap-Fonts</h2>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee1546874e3&quot;}" data-wp-interactive="core/image" data-wp-key="6aee1546874e3" class="wp-block-image size-large wp-lightbox-container"><img decoding="async" width="1164" height="822" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-nachher-gmail.png" alt="Mit Fontconfig-Hack" class="wp-image-39367" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-nachher-gmail.png 1164w, https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-nachher-gmail-640x452.png 640w, https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-nachher-gmail-768x542.png 768w" sizes="(max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Mit Fontconfig-Hack</figcaption></figure>

<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee154687fa1&quot;}" data-wp-interactive="core/image" data-wp-key="6aee154687fa1" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1164" height="822" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-nachher-uusisuomi.png" alt="Mit Fontconfig-Hack" class="wp-image-39362" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-nachher-uusisuomi.png 1164w, https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-nachher-uusisuomi-640x452.png 640w, https://linuxundich.de/wp-content/uploads/2016/04/calibri-chrome-linux-nachher-uusisuomi-768x542.png 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Mit Fontconfig-Hack</figcaption></figure>
<hr><p>☕ <strong>Linux und Ich unterstützen</strong><br>Danke, dass du <a href="https://linuxundich.de">Linux und Ich</a> liest. Wenn dir das Blog gefällt und du meine Arbeit unterstützen möchtest, findest du weitere Informationen auf der <a href="https://linuxundich.de/spendiere-einen-kaffee/">Blogspende-Seite</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://linuxundich.de/darstellung-von-calibri-und-anderen-bitmap-fonts-in-linux-systemen-optimieren/feed/</wfw:commentRss>
			<slash:comments>4</slash:comments>
		
		
			</item>
		<item>
		<title>Grünes Antialiasing unter Arch in Gimp? Freetype-Infinality ist dran schuld!</title>
		<link>https://linuxundich.de/gruenes-antialiasing-arch-gimp-freetype-infinality-ist-dran-schuld/</link>
					<comments>https://linuxundich.de/gruenes-antialiasing-arch-gimp-freetype-infinality-ist-dran-schuld/#comments</comments>
		
		<dc:creator><![CDATA[Christoph Langner]]></dc:creator>
		<pubDate>Sun, 14 Sep 2014 13:28:45 +0000</pubDate>
				<category><![CDATA[GNU/Linux]]></category>
		<category><![CDATA[Arch Linux]]></category>
		<category><![CDATA[GIMP]]></category>
		<category><![CDATA[Schriftarten]]></category>
		<guid isPermaLink="false">http://linuxundich.de/?p=26487</guid>

					<description><![CDATA[Grüner Schimmer um Schriften in Gimp unter Arch? Schuld sind die Infinality-Patches – die Ubuntu-Patches machen es besser.]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Wer Erfahrungen mit Distributionen wie Ubuntu oder Fedora hat und das erste Mal ein Arch Linux installiert, der stört sich am Anfang mit Sicherheit an der nicht wirklich optimalen Darstellung von Schriften auf dem Desktop. Die Fonts erscheinen dünn und abgemagert, es fehlt an einer ordentlichen Kantenglättung aka <a href="http://www.wikiwand.com/de/Antialiasing_(Computergrafik)">Antialiasing</a> und subtilem <a href="https://de.wikipedia.org/wiki/Subpixel-Rendering">Subpixel-Rendering</a>. Ubuntu und Co. sorgen mit eigenhändigen Patches an der für die Schriftdarstellung verantwortlichen Bibliothek <a href="https://de.wikipedia.org/wiki/FreeType">FreeType</a> bzw. durch Implementation bestehender Verbesserungen wie <a href="https://web.archive.org/web/20140923112354/http://www.infinality.net/blog/infinality-freetype-patches/">Infinality</a> schon von Haus aus für ein besseres Schriftbild, dies sorgt allerdings für Probleme in Gimp.</p><p class="wp-block-paragraph">FreeType selber verzichtet aus lizenzrechtlichen Gründen darauf, diese Patches in den eigenen Code zu übernehmen. Und da Arch ungern am Upstream-Code herumdoktert, muss man eben eigenhändig für ein besseres Schriftbild sorgen. Die Arch-Community macht diese Aufgabe mit entsprechend vorbereiteten Paketen und AUR-Einträgen leicht, im Arch-Wiki findet ihr ausführliche Tipps und Hinweise für die Installation der <a href="https://wiki.archlinux.org/title/Font_configuration#Infinality">Infinality-</a> und <a href="https://wiki.archlinux.org/title/Font_configuration#Ubuntu">Ubuntu-Patches</a> auf eurem System.</p><h2 class="wp-block-heading">Fontrendering unter Arch im Vergleich</h2><p class="wp-block-paragraph">Für Einsteiger stellt sich nun aber die Frage, welchen Patch man nutzen sollte, mit dem Original FreeType möchte ich jedenfalls nicht arbeiten &#8212; meine Augen sind vom Schriftbild eines Fedoras oder Ubuntus verwöhnt und dementsprechend anspruchsvoll. Seit meinem Arch-Einstieg bin ich eigentlich recht gut mit den Infinality-Patches gefahren. Infinality zeichnet einfach sehr saubere Schriften auf den Bildschirm und lässt sich das Binärpaket auch sehr einfach mit einer zusätzlichen Paketquelle installieren, ohne das AUR bemühen zu müssen. Hier sind die drei Schriftbilder im Vergleich, so könnt ihr euch selber ein Bild machen.</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee15468b0ac&quot;}" data-wp-interactive="core/image" data-wp-key="6aee15468b0ac" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1018" height="671" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2014/09/chrome-fonts-arch-fontrendering.png" alt="Das Fontrendering von Arch im Original und mit Patches von Infinality und Ubuntu im Vergleich." class="wp-image-26503" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2014/09/chrome-fonts-arch-fontrendering.png 1018w, https://linuxundich.de/wp-content/uploads/2014/09/chrome-fonts-arch-fontrendering-640x422.png 640w, https://linuxundich.de/wp-content/uploads/2014/09/chrome-fonts-arch-fontrendering-768x506.png 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Das Fontrendering von Arch im Original und mit Patches von Infinality und Ubuntu im Vergleich.</figcaption></figure>

<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee15468bc54&quot;}" data-wp-interactive="core/image" data-wp-key="6aee15468bc54" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="724" height="464" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2014/09/terminal-fonts-arch-fontrendering.png" alt="Die Unterschiede im Antialiasing treten besonders im Browser und Terminal hervor." class="wp-image-26505" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2014/09/terminal-fonts-arch-fontrendering.png 724w, https://linuxundich.de/wp-content/uploads/2014/09/terminal-fonts-arch-fontrendering-640x410.png 640w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Die Unterschiede im Antialiasing treten besonders im Browser und Terminal hervor.</figcaption></figure>
<h2 class="wp-block-heading">Grünliches Antialiasing in Gimp</h2><p class="wp-block-paragraph">Nun aber quält mich auf meinen Arch-Systemen seit einer Weile das Problem, dass Gimp in der Version 2.8 Schriften nur noch mit einem grünen Schatten rund um den Rand zeichnet. Eine Zeit lang habe ich das Problem schlichtweg ignoriert, nun musste aber wirklich einmal eine Lösung her. Mit ein wenig Recherche findet man die Quelle des Problems: Die Schuld an diesem grünlichen Schatten liegt nicht unmittelbar an Arch oder Gimp 2.8, sondern am von mir implementierten Infinality-Fontrendering. Auf <a href="https://bugs.launchpad.net/ubuntu/+source/gimp/+bug/1010421">Launchpad</a> und im <a href="https://web.archive.org/web/20140908190501/http://www.infinality.net/forum/viewtopic.php?f=2&amp;t=229">Infinality-Forum</a> gibt es dazu auch schon entsprechende Beiträge.</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee15468c7aa&quot;}" data-wp-interactive="core/image" data-wp-key="6aee15468c7aa" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1276" height="858" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2014/09/gimp-green-antialiasing-arch.png" alt="Das Antialiasing mittels Infinality-Patches erzeugt jedoch ein grünlich eingefärbtes Schriftbild in Gimp." class="wp-image-26504" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2014/09/gimp-green-antialiasing-arch.png 1276w, https://linuxundich.de/wp-content/uploads/2014/09/gimp-green-antialiasing-arch-640x430.png 640w, https://linuxundich.de/wp-content/uploads/2014/09/gimp-green-antialiasing-arch-768x516.png 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Das Antialiasing mittels Infinality-Patches erzeugt jedoch ein grünlich eingefärbtes Schriftbild in Gimp.</figcaption></figure>
<p class="wp-block-paragraph">Eine Lösung für dieses Problem konnte ich leider nicht finden, allerdings macht auch das Ubuntu-Fontrendering unter Arch Linux eine gute Figur. Wer sich also auch mit grünem Antialiasing in Gimp herumplagt, der sollte entweder auf die unveränderte Freetype-Bibliothek zurückwechseln oder die Ubuntu-Patches einspielen. Wer nur den ersten Schritt macht, der muss natürlich wieder mit einem recht groben Schriftbild leben. Ich würde daher auf jeden Fall die Ubuntu-FreeType installieren.</p><pre class="wp-block-code"><code>## Auf die originale Freetype-Biliothek zurückwechseln
$ sudo pacman -S --asdeps freetype2 cairo fontconfig
## Von Ubuntu gepatchtes Freetype einspielen
$ pacaur -S freetype2-ubuntu fontconfig-ubuntu cairo-ubuntu
</code></pre><hr><p>☕ <strong>Linux und Ich unterstützen</strong><br>Danke, dass du <a href="https://linuxundich.de">Linux und Ich</a> liest. Wenn dir das Blog gefällt und du meine Arbeit unterstützen möchtest, findest du weitere Informationen auf der <a href="https://linuxundich.de/spendiere-einen-kaffee/">Blogspende-Seite</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://linuxundich.de/gruenes-antialiasing-arch-gimp-freetype-infinality-ist-dran-schuld/feed/</wfw:commentRss>
			<slash:comments>10</slash:comments>
		
		
			</item>
		<item>
		<title>Comic Neue in Arch Linux aus dem AUR installieren</title>
		<link>https://linuxundich.de/comic-neue-arch-linux-aus-dem-aur-installieren/</link>
					<comments>https://linuxundich.de/comic-neue-arch-linux-aus-dem-aur-installieren/#comments</comments>
		
		<dc:creator><![CDATA[Christoph Langner]]></dc:creator>
		<pubDate>Wed, 09 Apr 2014 10:13:25 +0000</pubDate>
				<category><![CDATA[GNU/Linux]]></category>
		<category><![CDATA[Arch Linux]]></category>
		<category><![CDATA[Schriftarten]]></category>
		<guid isPermaLink="false">http://linuxundich.de/?p=23965</guid>

					<description><![CDATA[Comic Neue bringt Comic Sans in Form. Unter Arch Linux landet der Font nur zwei Tage nach dem Release über das AUR auf dem Rechner.]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Warum mag ich Arch Linux? Weil bei Arch immer alles im Fluss ist, permanent spült es neue Software und Pakete in das System! Aktuell geht zum Beispiel die überarbeitete Version des Treppenwitzes von einem Font Comic Sans <a href="https://web.archive.org/web/20140407091535/http://comicneue.com">Comic Neue</a> herum, selbst <a href="https://www.spiegel.de/netzwelt/web/comic-sans-bekommt-mit-comic-neue-eine-alternative-a-963304.html">Spiegel Online</a> und auch die <a href="http://time.com/54228/comic-sans/">Time</a> haben über den Font schon berichtet. Die Schriftart wurde von Craig Rozynski überarbeitet und in Form gebracht. Craig schreibt selber über seine Schöpfung: &#8222;The squashed, wonky, and weird glyphs of Comic Sans have been beaten into shape while maintaining the honesty that made Comic Sans so popular.&#8220;</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee15468f074&quot;}" data-wp-interactive="core/image" data-wp-key="6aee15468f074" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1101" height="828" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2014/04/comic-neue-libreoffice.png" alt="Comic Neue in LibreOffice unter Arch Linux." class="wp-image-23968" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2014/04/comic-neue-libreoffice.png 1101w, https://linuxundich.de/wp-content/uploads/2014/04/comic-neue-libreoffice-640x481.png 640w, https://linuxundich.de/wp-content/uploads/2014/04/comic-neue-libreoffice-768x578.png 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Comic Neue in LibreOffice unter Arch Linux.</figcaption></figure>
<p class="wp-block-paragraph">Da Comic Neue unter <a href="https://creativecommons.org/publicdomain/zero/1.0/">Creative-Commons Public Domain</a> veröffentlicht wurde, lässt sich der Font auch frei verteilen. Prinzipiell kann sich jeder die Schrift als ZIP herunterladen und von Hand ins System einpflegen, doch viele User wissen gar nicht, wie man eine neue Schriftart von Hand installieren kann. Von daher macht es durchaus Sinn auch Fonts aus der Paketverwaltung heraus zu installieren. Doch die gerade einmal zwei Tage alte Schriftart wandert natürlich nicht sofort in die offiziellen Paketquellen&#8230;</p><p class="wp-block-paragraph"><blockquote class="twitter-tweet" data-width="500" data-dnt="true"><p lang="en" dir="ltr"><a href="https://twitter.com/ilovetypography?ref_src=twsrc%5Etfw">@ilovetypography</a> Hi, I released <a href="http://t.co/K545tXRYeR">http://t.co/K545tXRYeR</a> today. I&#39;m looking for a typographer to do some (paid) work on it, who could help?</p>&mdash; Craig Rozynski (@craigrozynski) <a href="https://twitter.com/craigrozynski/status/453203341930033152?ref_src=twsrc%5Etfw">April 7, 2014</a></blockquote><script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p><p class="wp-block-paragraph">&#8230;nicht so bei Arch! Dort hat es gerade einmal 24h gebraucht, bis sich ein User sich dazu aufgemacht hat die Schrift als <a href="https://aur.archlinux.org/packages/ttf-comic-neue">ttf-comic-neue</a> im AUR unterzubringen. Bei Debian oder Ubuntu hätte es dafür extra Paketquellen oder PPAs gebraucht, doch diese lassen sich auch nicht gerade trivial einrichten und kaum jemand wird wohl nur für einen Font ein eigenes PPA aufsetzen, von daher wird man so ein Paket eher immer in einer &#8222;Sammelpaketquelle&#8220; finden, die dann im Endeffekt nicht nur die gewünschte Schriftart installiert, sondern auch andere Pakete &#8212; oft ungewollt &#8212; aktualisiert.</p><pre class="wp-block-code"><code>$ pacaur -Ss comic neue
aur/ttf-comic-neue 1-3 (2)
    Comic Neue aspires to be the casual script choice for everyone including the
    typographically savvy.
$ pacaur -S ttf-comic-neue
:: Paket(e) ttf-comic-neue wurde in den Paketquellen nicht gefunden, suche im AUR...
:: Löse Abhängigkeiten auf...
:: Suche nach Zwischenkonflikten...

AUR Pakete  (1):  ttf-comic-neue-1-3  

:: Fortfahren mit Installation? [J/n] j</code></pre><p class="wp-block-paragraph">Lange Reder kurzer Sinn: Der Vorteil von Arch Linux liegt eben nicht nur daran, dass man Arch als Rolling Release nur einmal installiert und dann permanent Updates bekommt &#8212; es geht vielmehr auch um neue Programme, neue Tools oder neue Inhalte, die es bislang noch nicht in den Paketquellen gab. Mal ist es die super-praktische <a title="Die Suche in der Bash History mit der BASH History Suggest Box aufbohren" href="https://linuxundich.de/bash-history-suggest-box/">Bash History Suggest Box</a>, mal ein simples <a title="2048 als Bash-Script im Terminal spielen" href="https://linuxundich.de/2048-als-bash-script-im-terminal-spielen/">2048-Game für das Terminal</a>, mal etwas grenzwertiges wie <a href="http://linuxundich.de/tag/popcorn-time/">Popcorn Time</a>. Arch und die User-Community rund um das AUR sind schnell und immer auf dem Laufenden und macht Arch für mich sehr sehr sehr interessant&#8230; So und jetzt ab an LibreOffice, es gibt mit Sicherheit ein paar ausgehängte Memos im Büro, die mit Comic Sans verfasst wurden!</p>
<hr><p>☕ <strong>Linux und Ich unterstützen</strong><br>Danke, dass du <a href="https://linuxundich.de">Linux und Ich</a> liest. Wenn dir das Blog gefällt und du meine Arbeit unterstützen möchtest, findest du weitere Informationen auf der <a href="https://linuxundich.de/spendiere-einen-kaffee/">Blogspende-Seite</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://linuxundich.de/comic-neue-arch-linux-aus-dem-aur-installieren/feed/</wfw:commentRss>
			<slash:comments>18</slash:comments>
		
		
			</item>
		<item>
		<title>Der neue Roboto-Font aus Android 4.0 aka Ice Cream Sandwich als Download für Android 2.x oder den Desktop</title>
		<link>https://linuxundich.de/roboto-font-android-4-0-ice-cream-sandwich-download/</link>
					<comments>https://linuxundich.de/roboto-font-android-4-0-ice-cream-sandwich-download/#comments</comments>
		
		<dc:creator><![CDATA[Christoph Langner]]></dc:creator>
		<pubDate>Wed, 19 Oct 2011 07:43:22 +0000</pubDate>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Schriftarten]]></category>
		<guid isPermaLink="false">http://linuxundich.de/de/?p=16467</guid>

					<description><![CDATA[Roboto, die neue Systemschrift aus Android 4.0, lässt sich schon jetzt herunterladen. Mit dem Font Changer landet sie auf einem gerooteten Android 2.x, über ~/.fonts auch auf dem Linux-Desktop.]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Heute Morgen unserer Zeit wurde in Hongkong ja Android 4.0 aka Ice Cream Sandwich <a href="http://developer.android.com/sdk/android-4.0-highlights.html#UserFeatures">vorgestellt</a>. Neben zahlreichen neuen technischen Spielereien wurde auch die Oberfläche deutlich überarbeitet, dazu gehört auch ein neuer Font. Anstatt Droid kommt nun Roboto zum Einsatz, die neue Schrift soll &#8222;modern, yet approachable&#8220; and &#8222;emotional&#8220; sein, ich erspare mir, das PR-Geschwafel zu übersetzen, wer mehr hören möchte, der kann sich ja die ersten paar Minuten aus der <a href="http://www.youtube.com/watch?v=M-AZ08wCwJA">Präsentation von Android 4.0</a> ansehen. Nichtsdestotrotz, wer den neuen Font jetzt schon mal ausprobieren möchte, der kann die Schriftart aus dem Netz laden. Mit dem <a href="https://web.archive.org/web/20110901153420/https://market.android.com/details?id=com.martino2k6.fontchangerlite">Font Changer</a> kann man sie auch auf einem beliebigen aktuellen &#8211; wenn auch gerooteten &#8211; Androiden installieren.</p><p class="wp-block-paragraph">Die Schriftart findet ihr aktuell im <a href="http://rootzwiki.com/showthread.php?8603-Roboto-Font-from-ICS-Download">RootzWiki-Forum</a>. Im verlinkten Thread ist im ersten Beitrag ein Link zum Rar-Archiv mit dem Font. Ladet das Archiv herunter, entpackt die beiden TTF-Fonts und verfrachtet sie in den Ordner <code>.fontchanger</code> auf der Speicherkarte eures Handys. Bitte achtet auf den Punkt am Anfang des Ordnernamens, er bewirkt, dass Linux-Systeme den Ordner normalerweise nicht anzeigen.</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee154690e26&quot;}" data-wp-interactive="core/image" data-wp-key="6aee154690e26" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="825" height="654" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_ubuntu.jpg" alt="Zwei Fenster des GNOME-Schriftbetrachters mit Roboto Regular und Roboto Bold, Schaltfläche "Schrift installieren"" class="wp-image-16468" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_ubuntu.jpg 825w, https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_ubuntu-640x507.jpg 640w, https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_ubuntu-768x609.jpg 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Der neue Roboto-Font aus Android 4.0 aka Ice Cream Sandwich</figcaption></figure>
<p class="wp-block-paragraph">Danach ist der Kuchen eigentlich fast gegessen. Öffnet den Fontchanger, klickt auf den neuen Roboto-Font und sagt zu den restlichen Abfragen Ja und Amen. Die Aktion ist wie gesagt allerdings nur von Erfolg gekrönt, wenn ihr Root-Rechte auf eurem Telefon habt. Nach einem Neustart des Handys solltet ihr dann den neuen Font auf dem Smartphone sehen.</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee15469192d&quot;}" data-wp-interactive="core/image" data-wp-key="6aee15469192d" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1236" height="1014" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_changer.jpg" alt="Drei Android-Screenshots des Font Changers: Schriftauswahl, Abfrage "Set Roboto" und Hinweis "Restart required"" class="wp-image-16469" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_changer.jpg 1236w, https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_changer-640x525.jpg 640w, https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_changer-768x630.jpg 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Mit dem Font Changer die Schriftart ändern</figcaption></figure>

<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee154692394&quot;}" data-wp-interactive="core/image" data-wp-key="6aee154692394" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="1280" height="1002" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_android-1280x1002.jpg" alt="Vier Android-Screenshots mit Roboto als Systemschrift: mobile Spiegel-Seite, Android Market, Google Reader und ein Beitrag von Linux und Ich" class="wp-image-16470" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_android-1280x1002.jpg 1280w, https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_android-640x501.jpg 640w, https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_android-768x601.jpg 768w, https://linuxundich.de/wp-content/uploads/2011/10/roboto_font_android.jpg 1354w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Der Roboto Font unter Android 2.x</figcaption></figure>
<p class="wp-block-paragraph">Wer will und mag, kann die Schrift natürlich auch auf dem Desktop benutzen, ich hab unter Ubuntu dafür einfach einen Ordner <code>~/.fonts</code> angelegt und dann die Schrift über das GNOME Tweak Tool ausgewählt. Optional kann man über den Schriftbetrachter den Font ja auch gleich &#8222;richtig&#8220; installieren. Allerdings finde ich die Schrift auf einem Handy deutlich besser aufgehoben als auf dem Desktop, irgendwie ist sie in meinen Augen einfach zu sehr in die Höhe gezogen worden.</p><hr><p>☕ <strong>Linux und Ich unterstützen</strong><br>Danke, dass du <a href="https://linuxundich.de">Linux und Ich</a> liest. Wenn dir das Blog gefällt und du meine Arbeit unterstützen möchtest, findest du weitere Informationen auf der <a href="https://linuxundich.de/spendiere-einen-kaffee/">Blogspende-Seite</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://linuxundich.de/roboto-font-android-4-0-ice-cream-sandwich-download/feed/</wfw:commentRss>
			<slash:comments>7</slash:comments>
		
		
			</item>
		<item>
		<title>Font im Backend von WordPress 3.2 ändern</title>
		<link>https://linuxundich.de/font-im-backend-von-wordpress-3-2-andern/</link>
					<comments>https://linuxundich.de/font-im-backend-von-wordpress-3-2-andern/#comments</comments>
		
		<dc:creator><![CDATA[Christoph Langner]]></dc:creator>
		<pubDate>Wed, 06 Jul 2011 13:28:27 +0000</pubDate>
				<category><![CDATA[WordPress/Webdesign]]></category>
		<category><![CDATA[Schriftarten]]></category>
		<category><![CDATA[Stylish]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://linuxundich.de/de/?p=14146</guid>

					<description><![CDATA[WordPress 3.2 stellt das Backend auf Arial um, was unter Linux dünn und kontrastarm aussieht. Mit Stylish lässt sich die Schrift ändern, ohne im Code des Blogs zu basteln.]]></description>
										<content:encoded><![CDATA[<p class="wp-block-paragraph">Eine in meinen Augen etwas unglückliche Entscheidung der Entwickler von WordPress 3.2 ist die Wahl des Fonts im Backend. Anstatt wie bisher Helvetica kommt nun <a href="https://web.archive.org/web/20110708065055/http://mattnt.com/2011/07/05/design-in-wordpress-3-2/">Arial zum Einsatz</a>, das zumindest auf meinem Linux-System alles andere als gut aussieht. Besonders in der Text-Box zum Schreiben eines Beitrags in Chrome oder Chromium sehe ich magere graue Lettern, denen ich beim Lesen deutlich mehr Aufmerksamkeit schenken muss, als eigentlich notwendig wäre. Gegenüber der Schrift in älteren WordPress-Versionen ist dies in meinen Augen eine deutliche Verschlechterung. Nun könnte man die Schrift direkt im Code des Blogs ändern, doch diese Korrektur hätte nur bis zum nächsten Update von WordPress Bestand. Daher passe ich die Schriftart lieber mit Stylish für <a href="https://addons.mozilla.org/de/firefox/addon/stylish/">Firefox</a> bzw. <a href="https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe">Chrome</a> an, so muss ich nicht im Code des Blogs basteln und ändere den Font auch automatisch im Backend weiterer WordPress-Blogs.</p><p class="wp-block-paragraph">Zuerst noch kurz eine kleine Demonstration des Problems. Im Folgenden seht ihr einen Screenshot mit dem WordPress-3.2-Backend auf meinem System mit Chrome als Browser. Der Schrift fehlt es deutlich an Kontrast und &#8222;Dicke&#8220;. Die Buchstaben sind mager und ausgedünnt. Eventuell könnte man über die Schrifteinstellungen im System diese Ansicht verbessern, aber da ich mit der Schrift auf meinem Ubuntu-Desktop zufrieden bin, will ich an dieser Stelle gar nicht erst basteln.</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee1546944f2&quot;}" data-wp-interactive="core/image" data-wp-key="6aee1546944f2" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="969" height="503" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2011/07/arial.png" alt="Das WordPress-Backend im Editor mit der Schrift Arial, die Buchstaben wirken dünn und kontrastarm" class="wp-image-14147" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2011/07/arial.png 969w, https://linuxundich.de/wp-content/uploads/2011/07/arial-640x332.png 640w, https://linuxundich.de/wp-content/uploads/2011/07/arial-768x399.png 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Grau auf grau dank Arial</figcaption></figure>
<p class="wp-block-paragraph">Von daher würde ich wie gesagt die Installation von Stylish für <a href="https://addons.mozilla.org/de/firefox/addon/stylish/">Firefox</a> bzw. <a href="https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe">Chrome/Chromium</a> empfehlen. So könnt ihr einen eigenen Stil anlegen und das CSS des WordPress-Backends individuell ändern. Als Schrift funktionieren auf meinem System entweder <a href="http://de.wikipedia.org/wiki/Bitstream_Vera">Bitstream Vera</a> oder der Ubuntu-Font ganz gut. Für Bitstream Vera bräuchte es bspw. diesen Stil&#8230;</p><pre class="wp-block-code"><code>.wp-admin *, #media-upload * {
	font-family: Bitstream Vera, DejaVu, sans-serif !important;}</code></pre><p class="wp-block-paragraph">&#8230;der dann auf dem Schirm deutlich besser kommt. Die Darstellung der Schrift ist satter, schärfer und deutlich kontrastreicher. Das Schreiben macht so deutlich mehr Spaß und ist auch wesentlich weniger anstrengend.</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee1546951d7&quot;}" data-wp-interactive="core/image" data-wp-key="6aee1546951d7" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="969" height="503" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2011/07/bitstream.png" alt="Derselbe Editor mit Bitstream Vera, die Schrift wirkt kräftiger und kontrastreicher" class="wp-image-14148" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2011/07/bitstream.png 969w, https://linuxundich.de/wp-content/uploads/2011/07/bitstream-640x332.png 640w, https://linuxundich.de/wp-content/uploads/2011/07/bitstream-768x399.png 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Bitstream Vera</figcaption></figure>
<p class="wp-block-paragraph">Alternativ kommt in meinen Augen auch der Ubuntu-Font ganz gut, aktuell nutze ich diese Einstellung hier bei mir sogar. Die Schrift ist dann etwas kleiner, doch sie hat noch mehr Kontrast ohne dass sie kantig erscheint. Der entsprechende Stil für Stylish würde in diesem Fall&#8230;</p><pre class="wp-block-code"><code>.wp-admin *, #media-upload * {
	font-family: Ubuntu, Bitstream Vera, DejaVu, sans-serif !important;}</code></pre><p class="wp-block-paragraph">&#8230;lauten. In meinen Augen wie gesagt eigentlich die angenehmste Darstellung. Die Voraussetzung dafür ist natürlich dass der Ubuntu-Font auf eurem System installiert ist. Da es ihn jedoch als ttf zum <a href="http://font.ubuntu.com/">Download</a> gibt, kann man jedes System mit der Schrift ausstatten. Auch hier wieder ein Screenshot mit dieser Einstellung.</p>
<figure data-wp-context="{&quot;imageId&quot;:&quot;6aee1546968e1&quot;}" data-wp-interactive="core/image" data-wp-key="6aee1546968e1" class="wp-block-image size-large wp-lightbox-container"><img loading="lazy" decoding="async" width="969" height="503" data-wp-class--hide="state.isContentHidden" data-wp-class--show="state.isContentVisible" data-wp-init="callbacks.setButtonStyles" data-wp-on--click="actions.showLightbox" data-wp-on--load="callbacks.setButtonStyles" data-wp-on--pointerdown="actions.preloadImage" data-wp-on--pointerenter="actions.preloadImageWithDelay" data-wp-on--pointerleave="actions.cancelPreload" data-wp-on-window--resize="callbacks.setButtonStyles" src="https://linuxundich.de/wp-content/uploads/2011/07/ubuntu.png" alt="Derselbe Editor mit dem Ubuntu-Font" class="wp-image-14149" style="width:100%" srcset="https://linuxundich.de/wp-content/uploads/2011/07/ubuntu.png 969w, https://linuxundich.de/wp-content/uploads/2011/07/ubuntu-640x332.png 640w, https://linuxundich.de/wp-content/uploads/2011/07/ubuntu-768x399.png 768w" sizes="auto, (max-width: 781px) 100vw, 680px" /><button
			class="lightbox-trigger"
			type="button"
			aria-haspopup="dialog"
			data-wp-bind--aria-label="state.thisImage.triggerButtonAriaLabel"
			data-wp-init="callbacks.initTriggerButton"
			data-wp-on--click="actions.showLightbox"
			data-wp-style--right="state.thisImage.buttonRight"
			data-wp-style--top="state.thisImage.buttonTop"
		>
			<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" fill="none" viewBox="0 0 12 12">
				<path fill="#fff" d="M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z" />
			</svg>
		</button><figcaption class="wp-element-caption">Backend mit dem Ubuntu-Font</figcaption></figure>
<p class="wp-block-paragraph">Persönlich verstehe ich die Wahl des GUI-Teams von WordPress kaum. Wenn sie schon nicht mehr auf Helvetica setzen möchten, dann hätte man gleich auf Tahoma oder Verdana gehen können, für die auch unter Linux ordentliche Fallbacks gibt. Doch Arial sieht bei mir speziell in Chrome bzw. Chromium suboptimal aus.</p><hr><p>☕ <strong>Linux und Ich unterstützen</strong><br>Danke, dass du <a href="https://linuxundich.de">Linux und Ich</a> liest. Wenn dir das Blog gefällt und du meine Arbeit unterstützen möchtest, findest du weitere Informationen auf der <a href="https://linuxundich.de/spendiere-einen-kaffee/">Blogspende-Seite</a>.</p>]]></content:encoded>
					
					<wfw:commentRss>https://linuxundich.de/font-im-backend-von-wordpress-3-2-andern/feed/</wfw:commentRss>
			<slash:comments>14</slash:comments>
		
		
			</item>
	</channel>
</rss>
