none
SharePoint Font Scheme - Font Loading

    Question

  • I have created a font scheme for my SharePoint Online site. The font schemes generally seem to be working - meaning I am seeing the fonts that are listed in the Font Scheme. However, before the fonts from the Font Schemes load, there is a brief delay where it looks like the default system font (Segoe) loads first, then immediately after the font scheme loads. So I basically see the default font on the load then it changes to the Font Scheme. Is there a way to set it so that the default theme doesn't load and the Font Scheme is the only font that loads so there is no shift in fonts?

    BNM OBG

    Monday, March 13, 2017 1:20 PM

All replies

  • Hi BNMOBG,

    Please share the font scheme you created to further looking into the issue.

    Best Regards,

    Lisa Chen


    Please remember to mark the replies as answers if they help.
    If you have feedback for TechNet Subscriber Support, contact tnmff@microsoft.com

    Tuesday, March 14, 2017 10:57 AM
    Moderator
  • Here is the font scheme that I created. It seems to be working, but i get the shifting of fonts when the page loads. Note: We purchased the fonts and they are loaded in our SharePoint environment.

    <?xml version="1.0" encoding="utf-8"?>
    <s:fontScheme name="Avenir" previewSlot1="title" previewSlot2="body" xmlns:s="http://schemas.microsoft.com/sharepoint/">
        <s:fontSlots>
            <s:fontSlot name="title">
                <s:latin typeface="News Gothic"
            eotsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.eot"
            woffsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.woff"
            ttfsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.ttf"
            svgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.svg"
            largeimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/NewsGothicLarge.png"
            smallimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/NewsGothicSmall.png" />
                <s:ea typeface="" />
                <s:cs typeface="News Gothic" />
            </s:fontSlot>
            <s:fontSlot name="navigation">
                <s:latin typeface="Avenir"
            eotsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.eot"
            woffsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.woff"
            ttfsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.ttf"
            svgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.svg"
            largeimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/AvenirLarge.png"
            smallimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/AvenirSmall.png" />
                <s:ea typeface="" />
                <s:cs typeface="Avenir" />
            </s:fontSlot>
            <s:fontSlot name="small-heading">
                <s:latin typeface="News Gothic"
            eotsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.eot"
            woffsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.woff"
            ttfsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.ttf"
            svgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.svg"
            largeimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/NewsGothicLarge.png"
            smallimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/NewsGothicSmall.png" />
                <s:ea typeface="" />
                <s:cs typeface="News Gothic" />
            </s:fontSlot>
            <s:fontSlot name="heading">
                <s:latin typeface="News Gothic"
            eotsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.eot"
            woffsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.woff"
            ttfsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.ttf"
            svgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.svg"
            largeimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/NewsGothicLarge.png"
            smallimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/NewsGothicSmall.png" />
                <s:ea typeface="" />
                <s:cs typeface="News Gothic" />
            </s:fontSlot>
            <s:fontSlot name="large-heading">
                <s:latin typeface="News Gothic"
            eotsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.eot"
            woffsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.woff"
            ttfsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.ttf"
            svgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeNewsGothicStdBold.svg"
            largeimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/NewsGothicLarge.png"
            smallimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/NewsGothicSmall.png" />
                <s:ea typeface="" />
                <s:cs typeface="News Gothic" />
            </s:fontSlot>
            <s:fontSlot name="body">
                <s:latin typeface="Avenir"
            eotsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.eot"
            woffsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.woff"
            ttfsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.ttf"
            svgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.svg"
            largeimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/AvenirLarge.png"
            smallimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/AvenirSmall.png" />    
                <s:ea typeface="" />
                <s:cs typeface="Avenir" />
            </s:fontSlot>
            <s:fontSlot name="large-body">
                <s:latin typeface="Avenir"
            eotsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.eot"
            woffsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.woff"
            ttfsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.ttf"
            svgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/LinotypeAvenirLT55Roman.svg"
            largeimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/AvenirLarge.png"
            smallimgsrc="/sites/intranet/_catalogs/masterpage/xxx/fonts/AvenirSmall.png" />
                <s:ea typeface="" />
                <s:cs typeface="Avenir" />
            </s:fontSlot>
        </s:fontSlots>
    </s:fontScheme>


    BNM OBG

    Tuesday, March 14, 2017 11:29 AM