/ / Ho nainštalovať novú rodinu fontov v projekte Zurb Founation - zurb-foundation, fontfamily, zurb-foundation-5

Ho nainštalovať novú rodinu fontov v projekte Zurb Founation - zurb-foundation, fontfamily, zurb-foundation-5

Môžete mi pomôcť, ako pridať novú rodinu fontov do projektu nadácie. Táto nová rodina fontov môže byť nainštalovaná lokálne alebo externe, ako napríklad Google Font Web.

Ďakujem.

odpovede:

1 pre odpoveď č. 1

Môžete vytvoriť mixin

@mixin font-face($style-name, $file, $family, $category:"") {
$filepath: "fonts/" + $family + "/" + $file;
@font-face {
font-family: "#{$style-name}";
src: url($filepath + ".eot");
src: url($filepath + ".eot?#iefix") format("embedded-opentype"), url($filepath + ".woff") format("woff"), url($filepath + ".ttf")  format("truetype"), url($filepath + ".svg#" + $style-name + "") format("svg");
}
%#{$style-name} {
font: {
@if $category != "" {
family: "#{$style-name}", #{$category};
}
@else {
family: "#{$style-name}";
weight: normal;
}
}
}
}

A takto sa používa

@include font-face($style-name, $file, $family, $category);

Odpoveď sa rýchlo našla na webe...


0 pre odpoveď č. 2
<style>
@import url("https://fonts.googleapis.com/css?family=yourFontFamilyName");
</style>

Teraz použite túto rodinu fontov v inline css. Značka štýlu sa odstráni pomocou nejakej webovej pošty (napríklad gmail), takže ju môžete vložiť do tele.

Ak použijete základnú architektúru, umiestnite nadradený riadok do foundation.css