https://hugo.curtiscode.dev/tags/faux-styles/Recent content in faux-styles on Curtis TimsonHugo -- gohugo.ioen-GBWed, 04 Feb 2015 00:00:00 +0000https://hugo.curtiscode.dev/post/less/using-font-face-and-preventing-faux-styles/Wed, 04 Feb 2015 00:00:00 +0000https://hugo.curtiscode.dev/post/less/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 example the “Alegreya” font could be defined as: @font-face{ font-family:'alegreya'; src: url('Fonts/Alegreya-Regular.otf'); font-weight: normal; font-style: normal; } @font-face{ font-family:'alegreya-bold'; src: url('Fonts/Alegreya-Bold.otf'); font-weight: normal; font-style: normal; } @font-face{ font-family:'alegreya-italic'; src: url('Fonts/Alegreya-Italic.