SharePointCommunity
Die deutschsprachige Community für SharePoint, Microsoft 365, Teams, Yammer und mit Azure

Sponsored by

Willkommen im Forum Archiv.
Einträge sind hier nicht mehr möglich, aber der Bestand von 12 Jahren SharePoint-Wissen ist hier recherchierbar.




Custom Fonts einbinden

Unbeantwortet Dieser Beitrag hat 0 Antworten

Ohne Rang
611 Beiträge
Florian Adler erstellt 28 Nov. 2018 12:59
SchlechtSchlechtIn OrdnungIn OrdnungDurchschnittDurchschnittGutGutSehr gutSehr gut

Ich stehe vor einer neuen Herausforderung: Das Einbinden von Custom Fonts. Theoretisch doch eigentlich machbar, wenn man sich diesen Blog ansieht: https://www.eliostruyf.com/adding-web-fonts-font-scheme-sharepoint-composed-look/

Hat man ja auch alles schonmal irgendwann gemacht. Das Problem ist nur: Es wird nicht übernommen. Zusammenfassung. Die spfont sieht so aus:

<?xml version="1.0" encoding="utf-8"?>
<s:fontScheme name="Frutiger Next" previewSlot1="title" previewSlot2="body" xmlns:s="http://schemas.microsoft.com/sharepoint/">
<s:fontSlots>
<s:fontSlot name="title">
<s:latin typeface="Frutiger Next" eotsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.eot" woffsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.woff" ttfsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.ttf" svgsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.svg" largeimgsrc="" smallimgsrc="" />
<s:ea typeface="" />
<s:cs typeface="Frutiger Next" />
</s:fontSlot>
<s:fontSlot name="navigation">
<s:latin typeface="Frutiger Next" eotsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.eot" woffsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.woff" ttfsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.ttf" svgsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.svg" largeimgsrc="" smallimgsrc="" />
<s:ea typeface="" />
<s:cs typeface="Frutiger Next" />
</s:fontSlot>
<s:fontSlot name="small-heading">
<s:latin typeface="Frutiger Next" eotsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.eot" woffsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.woff" ttfsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.ttf" svgsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.svg" largeimgsrc="" smallimgsrc="" />
<s:ea typeface="" />
<s:cs typeface="Frutiger Next" />
</s:fontSlot>
<s:fontSlot name="heading">
<s:latin typeface="Frutiger Next" eotsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.eot" woffsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.woff" ttfsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.ttf" svgsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.svg" largeimgsrc="" smallimgsrc="" />
<s:ea typeface="" />
<s:cs typeface="Frutiger Next" />
</s:fontSlot>
<s:fontSlot name="large-heading">
<s:latin typeface="Frutiger Next" eotsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.eot" woffsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.woff" ttfsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.ttf" svgsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.svg" largeimgsrc="" smallimgsrc="" />
<s:ea typeface="" />
<s:cs typeface="Frutiger Next" />
</s:fontSlot>
<s:fontSlot name="body">
<s:latin typeface="Frutiger Next" eotsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.eot" woffsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.woff" ttfsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.ttf" svgsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.svg" largeimgsrc="" smallimgsrc="" />
<s:ea typeface="" />
<s:cs typeface="Frutiger Next" />
</s:fontSlot>
<s:fontSlot name="large-body">
<s:latin typeface="Frutiger Next" eotsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.eot" woffsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.woff" ttfsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.ttf" svgsrc="http://bla/dev/masterpage-0-2/_catalogs/masterpage/WTE/Fonts/FrutigerNextLTW1G-Regular.svg" largeimgsrc="" smallimgsrc="" />
<s:ea typeface="" />
<s:cs typeface="Frutiger Next" />
</s:fontSlot>
</s:fontSlots>
</s:fontScheme>
Die bootstrap-custom.css (weil SP 2016 muss ja unbedingt responsive gemacht werden):
:root{
--font-family-sans-serif:"Frutiger Next";
--font-family-monospace:"Frutiger Next"
}
body, .ms-core-defaultFont, #pageStatusBar, .ms-status-msg, .js-callout-body, h1, .ms-h1, h2, h3, .ms-h2, .ms-h3, .ms-headerFont, h4, h5, h6, .ms-h4, .ms-h5, .ms-h6, input[type=button], input[type=reset], input[type=submit], button, .ms-viewselector-currentView, .ms-core-pageTitle, .ms-core-pageTitle a, .ms-core-navigation, .ms-taskdate-daysvalue, .ms-taskdate-daysunit, .ms-textXLarge, .ms-textLarge, .ms-metadata, .ms-descriptiontext, .ms-secondaryCommandLink, .ms-calloutLink:link, a.ms-calloutLink:visited, .ms-calloutLinkDisabled, .ms-commandLink, .ms-commandLink:visited, .ms-secondaryCommandLink, .ms-secondaryCommandLink:visited, .ms-emptyMode, .ms-attractMode, .ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a, .ms-largeNumber, .ms-rte-autocomplete, .ms-rte-srcdialog-text, .ms-rteStyle-Normal, .ms-rteThemeFontFace-1, .ms-rteThemeFontFace-2, .js-folder-preview-count, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox > .ms-core-listMenu-root > li > .ms-core-listMenuEdit, .ms-core-listMenu-heading, .ms-tv-header, .ms-propertysheet th.ms-vh2-nofilter-notextalign, .ms-blog-skinSelector, .ms-dlg-heading, h2.ms-dlg-heading, .ms-contextmenu-box, .ms-cui-ribbon,.ms-cui-menu,.ms-cui-toolbar-toolbar, .ms-cui-contextmenu-inner, .ms-cui-cb-input, .ms-cui-tb, .ms-cui-spn-txtbx, .ms-confirmDialog-title, .ms-confirmDialog-body, .ms-confirmDialog-button{
font-family: "Frutiger Next LT W1G" !important;
}
.ms-rteFontFace-14 {
-ms-name: "Frutiger Next";
font-family: Frutiger Next;
}
Das Interessante dabei ist: Über Websiteeinstellungen >> Aussehen anpassen ist die Vorschau schon in der richtigen Font-Family. Es findet aber jedes Mal ein Fallback auf Segoe UI statt, ganz gleich ob ich "Frutiger Next", "Frutiger", "FrutigerNextLTW1G-Regular" oder "Frutiger Next LT W1G" in der CSS angebe. Der Config und Browser Cache wurde jeweils mehrfach gelöscht. Übersehe ich etwas?
CC BY-NC-ND - Michael Greth
Powered by Evocom Productivity