SharePointCommunity
Die deutschsprachige Community für SharePoint, Office 365 und mit Azure

Custom Fonts einbinden

bewertet von 0 Usern
Nicht beantwortet Dieser Beitrag hat 0 Geprüfte Antworten | 0 Antworten | 1 Follower

Top-25-Beitragsschreiber
594 Beiträge
Florian Adler erstellt in 28 Nov 2018 12:59

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?

Ich bin wieder (sporadisch) hier!

Seite 1 von 1 (1 Elemente) | RSS