How to Install
Step 1
Upload contents of the zip file to your web server's public directory. For example:
www.yourdomain.com/css/webfont/
Step 2
Add contents of
styles.css
to your site's style sheet.
Step 3
Make sure you adjust the paths in code from
styles.css
to reflect the relative path on your server.
For this example you need to prepend
/css/webfont/
to all
src url
definitions. Like this:
@font-face {
font-family: 'Brigherdz-Swash';
src: url('/css/webfont/Brigherdz-Swash.eot') format('embedded-opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Brigherdz-Swash';
src: url('/css/webfont/Brigherdz-Swash.otf') format('opentype'),
url(data:application/x-font-woff;charset=utf-8;base64,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
AAAAAQAAAADGZbfKAAAAANlMRXMAAAAA2UvkdQ==) format('woff'), url('/css/webfont/Brigherdz-Swash.ttf') format('truetype'), url('/css/webfont/Brigherdz-Swash.svg#Brigherdz-Swash') format('svg');
font-weight: normal;
font-style: normal;
}
H1
Brigherdz-Swash
H2
Donec lacinia, felis nec sagittis feugiat
H3
Sed ullamcorper tincidunt libero, sed tempus sem rhoncus non.
H4
Etiam in nulla eros, quis laoreet orci. Morbi ullamcorper tempor nunc sed ullamcorper.
DEFAULT
In hac habitasse platea dictumst. Sed hendrerit scelerisque pellentesque. Suspendisse id eros quis sem tristique varius sed eget velit. Phasellus pellentesque ipsum non quam vulputate euismod. Nullam eget viverra lorem. Ut eu tortor metus. Mauris eget quam nulla, eu suscipit magna. Nullam vitae lectus quam, a consequat tortor. Ut sed arcu arcu. Aliquam aliquet lacinia lorem, id tristique nunc pulvinar eget.
SMALL
Proin volutpat, magna at vehicula blandit, massa lectus aliquam dolor, ut porta magna odio eu nunc. Nam nisi diam, commodo vitae hendrerit non, consequat sed est. Proin fringilla, nunc non vulputate hendrerit, turpis purus vestibulum diam, a venenatis nunc lectus nec quam. Quisque euismod fermentum mauris, at accumsan mi pulvinar in. Fusce libero lectus, fringilla non congue vel, cursus nec metus. Nunc ac ante quam.
BIG
Curabitur auctor orci vel felis sodales porttitor. Aenean non neque auctor tellus suscipit vulputate ut quis nunc. Integer tellus purus, venenatis a cursus nec, vestibulum eget turpis. Nulla pulvinar dictum elit, vulputate sodales nunc laoreet eget. Aliquam vitae urna ac risus scelerisque iaculis.
H1
Brigherdz-Swash
H2
Donec lacinia, felis nec sagittis feugiat
H3
Sed ullamcorper tincidunt libero, sed tempus sem rhoncus non.
H4
Etiam in nulla eros, quis laoreet orci. Morbi ullamcorper tempor nunc sed ullamcorper.
DEFAULT
In hac habitasse platea dictumst. Sed hendrerit scelerisque pellentesque. Suspendisse id eros quis sem tristique varius sed eget velit. Phasellus pellentesque ipsum non quam vulputate euismod. Nullam eget viverra lorem. Ut eu tortor metus. Mauris eget quam nulla, eu suscipit magna. Nullam vitae lectus quam, a consequat tortor. Ut sed arcu arcu. Aliquam aliquet lacinia lorem, id tristique nunc pulvinar eget.
SMALL
Proin volutpat, magna at vehicula blandit, massa lectus aliquam dolor, ut porta magna odio eu nunc. Nam nisi diam, commodo vitae hendrerit non, consequat sed est. Proin fringilla, nunc non vulputate hendrerit, turpis purus vestibulum diam, a venenatis nunc lectus nec quam. Quisque euismod fermentum mauris, at accumsan mi pulvinar in. Fusce libero lectus, fringilla non congue vel, cursus nec metus. Nunc ac ante quam.
BIG
Curabitur auctor orci vel felis sodales porttitor. Aenean non neque auctor tellus suscipit vulputate ut quis nunc. Integer tellus purus, venenatis a cursus nec, vestibulum eget turpis. Nulla pulvinar dictum elit, vulputate sodales nunc laoreet eget. Aliquam vitae urna ac risus scelerisque iaculis.