Curtis Timson

Front End & .NET Developer


February 2015

Managing @font-face definitions with LESS

A typical @font-face definition looks something like this: @font-face { font-family: ‘CustomWebFont’; src: url(‘customwebfont.eot’); src: url(‘customwebfont.eot?#iefix’) format(’embedded-opentype’), url(‘customwebfont.woff2’) format(‘woff2’), url(‘customwebfont.woff’) format(‘woff’), url(‘customwebfont.ttf’) format(‘truetype’), url(‘customwebfont.svg#svgFontName’) format(‘svg’); font-weight:normal; font-style:normal; } Here we are defining the font’s name, weight, style, and providing various… Continue Reading →

Using @font-face and preventing faux-styles

@font-face is used in CSS to define a custom font style for a web page. Some custom fonts come with multiple type-faces for different weights and italic styles. These are often defined with seperate font-family names for each type-face. For… Continue Reading →

© 2017 Curtis Timson — Powered by WordPress

Theme by Anders NorenUp ↑