@font-face {
font-family: 'athelas';
font-style: normal;
font-weight: 300;
src: url(Athelas-Regular.ttf) format('truetype');
}  
@font-face {
font-family: 'athelas';
font-style: normal;
font-weight: 400;
src: url(Athelas-Regular.ttf) format('truetype');
}  
@font-face {
font-family: 'athelas';
font-style: normal;
font-weight: 700;
src: url(Athelas-Bold.ttf) format('truetype');
}  
@font-face {
font-family: 'athelas';
font-style: italic;
font-weight: 400;
src: url(Athelas-Italic.ttf) format('truetype');
}  
@font-face {
font-family: 'athelas';
font-style: italic;
font-weight:700;
src: url(Athelas-BoldItalic.ttf) format('truetype');
}