Tag: Composed Looks

 

In the previous post I showed you how to create a font scheme with custom web fonts. Now a lot of people (even me) are using the fonts from the Google Fonts gallery. Google works a bit differently compared to SharePoint font schemes. Google provides a CSS reference which you need to add to your HTML.

 

Back in August 2012 I wrote a post about how you could create your own font scheme for SharePoint 2013 (you can find the post here). In the post I included an example font scheme with the required elements. One thing I did not cover in that post was how you could add your own custom web fonts into your font scheme.

 

Today I saw a lag in the loading of the new suite bar colors on one of my SharePoint site in Office 365. Default suite bar Default suite bar with a composed look applied The suite bar uses the O365ShellCore.css to do the styling. It turns out that when you apply a composed look to your site, the new colors are set by a new theme engine of the suite bar on the fly.

 

With the new theme engine from SharePoint 2013 I had a few questions about how sub-sites could inherit the theme/composed looks from the parent. Let me first start with the differences between the 2010 and 2013 theme engine. Differences between SharePoint 2010 and 2013 Theme Engine In 2010 when you uploaded a PowerPoint Theme file to the theme gallery (Site Settings > Themes), it was also available to use on all sub-sites.

 

In this post I will show you how you can create a new master page that can be selected in the Site Layouts menu when you are changing the look of your site (Site Settings > Change the look). One part that I did not cover yet, is the Site Layouts option in the Composed Looks (Site Settings > Change the look > Select a composed look) and how you can add other layouts to it.

 

In my previous post I described how you could create a new color palette for SharePoint 2013. In this post I will describe how you could easily change the font scheme of your website by creating your own font scheme file. The first thing you need to do is download an existing font scheme from the theme gallery (Site Settings > Themes).