/ / Ho installiert neue Font-Familie in einem Zürb-Stiftungsprojekt - zurb-foundation, fontfamily, zurb-foundation-5

Ho, um eine neue Schriftfamilie in einem Zurb-Stiftungsprojekt zu installieren - zurb-foundation, fontfamily, zurb-foundation-5

Können Sie mir helfen, eine neue Schriftfamilie in einem Foundation-Projekt hinzuzufügen? Diese neue Font-Familie kann lokal oder extern wie Google Font Web installiert werden.

Vielen Dank.

Antworten:

1 für die Antwort № 1

Sie können Ihren Mixin erstellen

@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;
}
}
}
}

Und es so benutzt

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

Die Antwort wurde schnell im Internet gefunden...


0 für die Antwort № 2
<style>
@import url("https://fonts.googleapis.com/css?family=yourFontFamilyName");
</style>

Verwenden Sie diese Schriftfamilie jetzt in Inline CSS. Das Style-Tag wird durch ein Webmail (zum Beispiel Google Mail) entfernt, sodass Sie es in den Body einfügen können.

Wenn Sie die Foundation-Architektur verwenden möchten, fügen Sie die obige Zeile in foundation.css ein