Cookies must be enabled to use this web application.

To allow this site to use cookies, use the steps that apply to your browser below. If your browser is not listed below, or if you have any questions regarding this site, please contact us.

Microsoft Internet Explorer
  • 1. Select "Internet Options" from the Tools menu.
  • 2. Click on the "Privacy" tab.
  • 3. Click the "Default" button.
  • 4. Click "OK" to save changes.
Chrome Chrome
  • 1. Click the "Spanner" icon in the top right of the browser.
  • 2. Click Options and change to the "Under the Hood" tab.
  • 3. Scroll down until you see "Cookie settings:".
  • 4. Set this to "Allow all cookies".
Firefox Firefox
  • 1. Go to the "Tools" menu and select "Options".
  • 2. Click the "Privacy" icon on the top of the window.
  • 3. Click on the "Cookies" tab.
  • 4. Check the box corresponding to "Allow sites to set Cookies.
  • 5. Click "OK" to save changes.
Opera Opera
  • 1. Click on the "Tools" menu and then click Preferences.
  • 2. Change to the Advanced tab, and to the cookie section.
  • 3. Select "Accept cookies only from the site I visit" or "Accept cookies".
  • 4. Ensure "Delete new cookies when exiting Opera" is not ticked.
  • 5. Click OK.
Netscape and Mozilla Suite Netscape and Mozilla Suite
  • 1. Select "Preferences" from the Edit menu.
  • 2. Click on the arrow next to "Privacy & Security".
  • 3. Under "Privacy & Security" select "Cookies".
  • 4. Select "Enable all cookies".
  • 5. Click "OK" to save changes.
Safari Safari
  • 1. Click on the "Cog" icon in Safari.
  • 2. Click Preferences.
  • 3. Change to the Security tab.
  • 4. Select "Only from sites I visit" or "Allow".
  • 5. Close the dialog using the cross.
Book Image Not Available
Book details
  • Genre:COMPUTERS
  • SubGenre:Web / Site Design
  • Language:English
  • Pages:57
  • eBook ISBN:9781907828102

A Pocket Guide to Creating Symbol Fonts

by Brian Suda

Book Image Not Available
Overview
A new way of creating symbols, glyphs and icons on the web is emerging. The beautifully vectorised images you’re starting to see embedded in sites are called symbol fonts, and they’re smaller, faster, more manageable and smoother than any CSS sprite you might create. Symbol fonts will change the way front-end developers think and code sites. Are you ready? In this book, Brian Suda will walk you through five quick chapters about symbol fonts. He’ll explain everything you need to know, from why they’re important, to convincing your boss on why you need to make the switch. You'll learn how to properly and semantically add them into your HTML, as well as follow a step-by-step tutorial on how to convert your vector symbols into a font-face ready to embed into your site. No matter what your level of experience, you should be up and rasterising in less than an afternoon.
Description
A new way of creating symbols, glyphs and icons on the web is emerging. The beautifully vectorised images you’re starting to see embedded in sites are called symbol fonts, and they’re smaller, faster, more manageable and smoother than any CSS sprite you might create. Symbol fonts will change the way front-end developers think and code sites. Are you ready? In this book, Brian Suda will walk you through five quick chapters about symbol fonts. He’ll explain everything you need to know, from why they’re important, to convincing your boss on why you need to make the switch. You'll learn how to properly and semantically add them into your HTML, as well as follow a step-by-step tutorial on how to convert your vector symbols into a font-face ready to embed into your site. No matter what your level of experience, you should be up and rasterising in less than an afternoon. Who should read this book? If you are a front-end designer, it’s useful for you to know how to embed, correctly use and create your own symbol fonts. This Pocket Guide will walk you through everything you need to know to get you started. Topics include: PART 1: WHAT ARE SYMBOL FONTS? We all know what a font is. Some of us might even have a favourite or deplore a certain comical, whimsical font, but you might not know what a symbol font is. PART 2: WHY EMBEDDED FONTS ARE INTERESTING! Just because a technology is new doesn’t automatically make it better. But embedding a font into your webpages has settled down and offers some very interesting possibilities. PART 3: EMBEDDING INTO THE SITE It is easy to get custom fonts to render in a webpage, but there is a proper and semantic way to code a symbol font into your HTML. PART 4: HOW DO I CREATE A GLYPH SYMBOL FONT? A step-by-step walk through of how to create your own font, from idea to font file ready for embedding, in just a few manageable steps. PART 5: FROM A-Z, EVERYTHING ELSE YOU NEED TO KNOW Symbol fonts are so new that fresh resources appear daily. We’ll conclude by pointing towards things you need to know and read to catch up.
About the author
Brian is always excited about what the next big thing is going to be. Looking into the future and across many disciplines, he's able to spot trends and ride the wave along with the early adopters. With a technical background, he's able to unpack and understand the nitty-gritty of how things work while at the same time explaining complex ideas in a simple and down-to-earth, understandable manner.
Thanks for submitting a review!

Your review will need to be approved by the author before being posted.

See Inside
Session Expiration WarningYour session is due to expire.

Your online session is due to expire shortly.
Would you like to extend your session and remain logged in?

Session Expired

Your session has expired.We're sorry, but your online session has expired.
Please log back into your account to continue.