{
"$type": "site.standard.document",
"canonicalUrl": "https://www.simoncox.com/short-articles/2003-07-24-favicon-installed/",
"description": "I finally got round to adding the favicon back into the site. I used to have one a long time ago but it was pants.",
"path": "/short-articles/2003-07-24-favicon-installed/",
"publishedAt": "2003-07-24T00:00:00.000Z",
"site": "at://did:plc:tki7vwlanxbwrz2er67eaeqa/site.standard.publication/3mp4h4md7zv2y",
"tags": [
"Tech",
"Web"
],
"textContent": "I finally got round to adding the favicon back into the site. I used to have one a long time ago but it was pants. You should be able to see the fav icon in the address bar above - a little picture of me! If you bookmark the site the favicon will reside beside the bookmark.\n\nFavicons are 'favorites icons' - icons used in your favorites section of your browser. Initally designed to work with IE most other browsers are now able to see them. \n\nTo build my favicon I used the Iconforge software available from the favicon.com site. Its painless to install and fairly easy to use. I set up my image in Photoshop and resized it to 32px x 32px and saved it as a gif and then imported it into Iconforge and simply exported it out as a favicon .ico file.\n\nTo get it to show on the site I uploaded it into my assets directory and then added the following link into the head tag of my pages: \n<link rel=\"shortcut icon\" href=\"http://www.simoncox.com/assets/fav.ico\">\n\nI actually use the Moveable Type system so I simply updated my templates and rebuilt the whole site. \n\nVoila!",
"title": "FavIcon installed"
}