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.