app/assets/stylesheets/presets/_fonts.scss
@font-face {
font-family: 'dolores';
src: font-url('dolores/dolores.eot');
src: font-url('dolores/dolores.eot?#iefix') format('embedded-opentype'),
font-url('dolores/dolores.woff') format('woff'),
font-url('dolores/dolores.ttf') format('truetype'),
font-url('dolores/dolores.svg#dolores') format('svg');
font-weight: normal;
font-style: normal;
}
[class*='icon-']:before{
display: inline-block;
font-family: 'dolores';
font-size: 1em;
font-style: normal;
font-weight: normal;
line-height: 1;
margin-right: 5px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.icon-x:before {
content: "\e901";
}
.icon-contacts:before {
content: "\e902";
}
.icon-send:before {
content: "\e903";
}
.icon-circle-x:before {
content: "\e904";
}
.icon-circle-minus:before {
content: "\e905";
}
.icon-circle-plus:before {
content: "\e906";
}
.icon-edit:before {
content: "\e900";
}
@font-face {
font-family: 'Nimbus Sans-regular';
src: font-url('18F_Nimbus/18FNimbusSansL-regular.ttf') format('truetype');
}
@font-face {
font-family: 'Nimbus Sans-bold';
src: font-url('18F_Nimbus/18FNimbusSansL-bold.ttf') format('truetype');
}
@font-face {
font-family: 'Nimbus Sans-italic';
src: font-url('18F_Nimbus/18FNimbusSansL-italic.ttf') format('truetype');
}
$nimbus-bold: 'Nimbus Sans-bold', $helvetica;
$nimbus-italic: 'Nimbus Sans-italic', $helvetica;
$nimbus-regular: 'Nimbus Sans-regular', $helvetica;
@mixin font-nimbus($style) {
@if $style == bold {
font-family: $nimbus-bold;
letter-spacing: 1px;
} @else if $style == italic {
font-family: $nimbus-italic;
} @else {
font-family: $nimbus-regular;
font-weight: 200;
}
}