{"product_id":"9781907828102","title":"A Pocket Guide to Creating Symbol Fonts","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?\u003cbr\u003e\u003cbr\u003eIn 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.\u003cbr\u003e\u003cbr\u003eWho should read this book?\u003cbr\u003e\u003cbr\u003eIf 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.\u003cbr\u003e\u003cbr\u003eTopics include:\u003cbr\u003e\u003cbr\u003ePART 1: WHAT ARE SYMBOL FONTS?\u003cbr\u003e\u003cbr\u003eWe 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.\u003cbr\u003e\u003cbr\u003ePART 2: WHY EMBEDDED FONTS ARE INTERESTING!\u003cbr\u003e\u003cbr\u003eJust 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.\u003cbr\u003e\u003cbr\u003ePART 3: EMBEDDING INTO THE SITE\u003cbr\u003e\u003cbr\u003eIt 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.\u003cbr\u003e\u003cbr\u003ePART 4: HOW DO I CREATE A GLYPH SYMBOL FONT?\u003cbr\u003e\u003cbr\u003eA 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.\u003cbr\u003e\u003cbr\u003ePART 5: FROM A-Z, EVERYTHING ELSE YOU NEED TO KNOW\u003cbr\u003e\u003cbr\u003eSymbol 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.","brand":"Five Simple Steps Publishing Ltd","offers":[{"title":"Default Title","offer_id":47151368208624,"sku":"9781907828102","price":2.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0737\/7593\/9824\/files\/9781907828102_p0.jpg?v=1763619372","url":"https:\/\/shop-qa.barnesandnoble.com\/products\/9781907828102","provider":"Barnes \u0026 Noble (DEV)","version":"1.0","type":"link"}