Archive

Posts Tagged ‘Fonts’

Ever wondered what font’s being used on a webpage?

I certainly have. And it bugged me to no ends having to look for the CSS and then maybe, just maybe find what font family’s being used. Sure, FireBug and the integrated Chrome Developer Tools eased that process somewhat, but still… well, no more. I wish I’d known earlier that the fabulous WhatFont existed. It’s a Bookmarklet/Chrome Extension/Safari Extension that basically sits somewhere until you click it. You can then hover over any text and it tells you what font’s being used to display it. If you click you get additional information about the font service used, size etc. etc. Invaluable!

Screenshot shows the Chrome Extension.

Advertisements
Categories: web Tags: , ,

Switching your default Sans/Sans Serif/Monospace Fonts 2.5

And another update on my quest to a great .fonts.conf configuration, update from my updated-original post.

All stuff still applies, but newer freetype/fontconfig builds now support the Byte Code Interpreter, which provides a truly great font experience in combination with good fonts (*cough* hint: ChromeOS Fonts *cough*). My updated .fonts.conf is as follows (enabled BCI, enabled Sub-Pixel Rendering, enabled LCDFilter):

<?xml version="1.0"?>
<!--?xml version="1.0"?>-->
<!--DOCTYPE fontconfig SYSTEM "fonts.dtd">-->
<!-- ~/.fonts.conf for per-user font configuration -->
<fontconfig>
  <!-- Alias commonly used default names -->
  <!-- serif, sans-serif, sans and monospace -->
  <!-- to the ChromeOS fonts -->
  <alias>
    <family>serif</family>
    <prefer>
      <family>Tinos</family>
    </prefer>
  </alias>
  <alias>
    <family>sans-serif</family>
    <prefer>
      <family>Arimo</family>
    </prefer>
  </alias>
  <alias>
    <family>sans</family>
    <prefer>
      <family>Arimo</family>
    </prefer>
  </alias>
  <alias>
    <family>monospace</family>
    <prefer>
      <family>Cousine</family>
    </prefer>
  </alias>
  <!-- Replace Arial, Times New Roman, Verdana and Courier New -->
  <!-- with their counterparts. Strong binding used to override -->
  <!-- distribution defaults -->
  <match target="pattern" name="family">
    <test name="family" qual="any">
      <string>Arial</string>
    </test>
    <edit name="family" mode="assign" binding="strong">
      <string>Arimo</string>
    </edit>
  </match>
  <match target="pattern" name="family">
    <test name="family" qual="any">
      <string>Times New Roman</string>
    </test>
    <edit name="family" mode="assign" binding="strong">
      <string>Tinos</string>
    </edit>
  </match>
  <match target="pattern" name="family">
    <test name="family" qual="any">
      <string>Verdana</string>
    </test>
    <edit name="family" mode="assign" binding="strong">
      <string>Arimo</string>
    </edit>
  </match>
  <match target="pattern" name="family">
    <test name="family" qual="any">
      <string>Courier New</string>
    </test>
    <edit name="family" mode="assign" binding="strong">
      <string>Cousine</string>
    </edit>
  </match>
  <match target="pattern" name="family">
    <test name="family" qual="any">
      <string>Courier</string>
    </test>
    <edit name="family" mode="assign" binding="strong">
      <string>Cousine</string>
    </edit>
  </match>
  <match target="font">
    <!--    BCI Hinting     -->
    <edit name="hinting" mode="assign">
      <bool>true</bool>
    </edit>
    <edit name="hintstyle" mode="assign">
      <const>hintfull</const>
    </edit>
    <edit name="rgba" mode="assign">
      <const>rgb</const>
    </edit>
    <edit mode="assign" name="lcdfilter">
      <const>lcddefault</const>
    </edit>
    <!--    Auto Hinting, BCI works better for me 
        Your mileage may vary 
-->
    <!--
        <edit name="autohint" mode="assign">
                <bool>true</bool>
            </edit> 
        <edit name="hintstyle" mode="assign">
                <const>hintmedium</const>
            </edit>
-->
    <!--    Turn off Autohinting for bold fonts -->
    <!--
    <match> 
        <test name="weight" compare="more">
                <const>medium</const>
                </test>
        <edit name="autohint" mode="assign">
                <bool>false</bool>
               </edit>
       </match>
-->
  </match>
</fontconfig>

I am now truly satisfied on my Arch Linux box – while Ubuntu might have the best font experience out of the box, an equal experience on any decent modern distribution is just a configuration file and some great fonts away.

Categories: archlinux, linux, uncategorized Tags: ,

Still the best console font…

April 6, 2011 3 comments

… is Terminus. Others may look better, fancier, whatever… but after 10 hours of console/programming work your eyes will thank you for Terminus. Even at small font sizes it is absolutely readable and won’t put much strain on your eyes.

Categories: uncategorized Tags:

Switching your default Sans/Sans Serif/Monospace Fonts 2.0

October 1, 2010 2 comments

Updated from my original post to replace the default Sans/Sans-Serif/Monospace defaults to something different.

These days I like the new ChromeOS Fonts a lot, so I wanted fontconfig to use them as defaults. In this regard, they are really well suited as Arial/Verdana/Times New Roman/Courier New replacements, too. Killing two birds with one stone? Me likes! 🙂 Replacing those Microsoft fonts with their counterparts therefore comes quite naturally as they aren’t always installed – and actually, I don’t really like them being installed. In case they are indeed installed, I use a match/edit combination here – aliases only work if the original fonts are not installed and fail if they are. Strong binding is used to override any distribution defaults.

ChromeOS/Microsoft font comparison

ChromeOS/Microsoft font comparison, thanks to http://www.omgubuntu.co.uk

Snippet this into $HOME/.fonts.conf:

<!--?xml version="1.0"?>-->
<!--DOCTYPE fontconfig SYSTEM "fonts.dtd">-->
<!-- ~/.fonts.conf for per-user font configuration -->
<fontconfig>

	<!-- Alias commonly used default names -->
	<!-- serif, sans-serif, sans and monospace -->
	<!-- to the ChromeOS fonts -->
	<alias>
		<family>serif</family>
	<prefer>
		<family>Tinos</family>
	</prefer>
	</alias>
	<alias>
		<family>sans-serif</family>
	<prefer>
		<family>Arimo</family>
	</prefer>
	</alias>
	<alias>
		<family>sans</family>
	<prefer>
		<family>Arimo</family>
	</prefer>
	</alias>
	<alias>
	<family>monospace</family>
	<prefer>
		<family>Cousine</family>
	</prefer>
	</alias>

	<!-- Replace Arial, Times New Roman, Verdana and Courier New -->
	<!-- with their counterparts. Strong binding used to override -->
	<!-- distribution defaults -->
	<match target="pattern" name="family" >
    		<test name="family" qual="any" >
        		<string>Arial</string>
    		</test>
    		<edit name="family" mode="assign" binding="strong">
        		<string>Arimo</string>
    		</edit>
	</match>
	<match target="pattern" name="family" >
    		<test name="family" qual="any" >
        		<string>Times New Roman</string>
    		</test>
    		<edit name="family" mode="assign" binding="strong">
        		<string>Tinos</string>
    		</edit>
	</match>
	<match target="pattern" name="family" >
    		<test name="family" qual="any">
        		<string>Verdana</string>
    		</test>
    		<edit name="family" mode="assign" binding="strong">
        		<string>Arimo</string>
    		</edit>
	</match>
	<match target="pattern" name="family" >
    		<test name="family" qual="any" >
        		<string>Courier New</string>
    		</test>
    		<edit name="family" mode="assign" binding="strong">
        		<string>Cousine</string>
    		</edit>
	</match>
</fontconfig>
Categories: linux Tags: ,

Ubuntu Maverick Looks = …

September 26, 2010 Leave a comment

… awesome. ‘Nuff said. Polished. Fonts=great seriously awesome+1. Theme=great. Overall feel=great+1.

Categories: ubuntu, unix Tags: , ,

Awesome Fonts in Fedora in 56 Steps

September 22, 2010 Leave a comment
  • Enable RPMFusion Repository
  • su -c 'yum install freetype-freeworld'
  • su -c "ln -s /etc/fonts/conf.avail/10-autohint.conf /etc/fonts/conf.d/"
  • su -c "ln -s /etc/fonts/conf.avail/10-sub-pixel-rgb.conf /etc/fonts/conf.d/"
  • logout / login
  • PROFIT!

Thanks to fedorasolved.org.

Categories: fedora, linux, unix Tags: ,

Switching your default Sans/Sans Serif/Monospace Fonts

July 22, 2010 3 comments

EDIT: Updated post for ChromeOS fonts and Arial/Verdana/Times New Roman/Courier New replacement.

When I recently switched to the totally awesome and space saving Droid Fonts (monospaced version is extremely nice for programming and shell stuff), courtesy of Google, I had to find a way to have my Ubuntu system translate every request for the default Sans/Sans Serif/Monospace fonts to their respective Droid versions. Not wanting to tamper with the system wide configuration files (I think those forward to the Dejavu family of fonts, nice, but not so cool on small screens), I just used the excellent per-user configuration system. Just dump this snippet as .fonts.conf into your $HOME directory.

<!--?xml version="1.0"?>-->
<!--DOCTYPE fontconfig SYSTEM "fonts.dtd">-->
<!-- ~/.fonts.conf for per-user font configuration -->
<fontconfig>
<alias>
<family>serif</family>
<prefer>
<family>Droid Serif</family>
</prefer>
</alias>
<alias>
<family>sans-serif</family>
<prefer>
<family>Droid Sans</family>
</prefer>
</alias>
<alias>
<family>monospace</family>
<prefer>
<family>Droid Sans Mono</family>
</prefer>
</alias>
</fontconfig>

Enjoy the difference!

Categories: linux, ubuntu Tags: , ,
%d bloggers like this: