jbarker.com / blog

Icon

What is apple-touch-icon.png?

apple-touch-icon.png from apple.comThe use of apple-touch-icon.png as defined by Apple is on the rise. This file is a small, square image that is primarily intended for bookmarking a web site on a mobile device.

The icon is used by the Apple iPhone OS and iPod touch software to add a web site shortcut to the Home screen. The benefit of creating an apple-touch-icon.png file is that the icon displayed for the site is defined by the web site owner rather than a thumbnail of the site content generated by the mobile device.

Read the rest of this entry »

Correct MIME Type for CSS Web Fonts

Support for CSS3 Fonts via @font-face is now available in Microsoft Internet Explorer, Mozilla Firefox, and Apple Safari, with support in Opera and Google Chrome due soon.

Web Browser Logos

With increasing support, more sites are being designed with web fonts. However, many web servers are not providing the correct MIME type for these files.

For the Apache web server, the following configuration in an .htaccess file will provide the correct MIME type for web fonts:

AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf

Read the rest of this entry »