change default font on Notes section?

Greetings, April!

You can change the default font for the Notes tab in the Player. Here's how:

1. Go to the Home tab on the Storyline ribbon and click Player.
2. When the player properties open, click Colors & Effects on the ribbon.
3. Select your desired font for Player font:
4. Click OK to save your changes.

I created this short recording in case you're also a visual learner. Let me know if these steps help you out!

Katie,

Is there a way to change the DEFAULT setting?  When I start a new course the fonts are back and have to be changed again...

Hi Jerry,

There's not currently a way to set a default font for the player. When opening a new file, the modern player will be set to Lato and the classic player to Open Sans.

You can always save a template file that contains the desired player settings to start with!

Is there also a way to change the Notes font SIZE in the player?  I notice it defaults to 9.

Hi Rhonda!

Although this isn't a default setting, it's simple to change the font size for the Slide Notes! Whichever font size you choose will be displayed in the Notes section of the Player.

Here's what that looks like:

You can try accomplishing this by overriding the font in CSS.

Option 1 - Modify published output, look for a file named output.min.css and add css like this, modifying font and other properties as you wish:

.note-title {
 font-family: 'Helvetica' !important;
 font-size: large !important;
}
.note-content p span {
 font-family: 'Helvetica' !important;
 font-size: small !important;
}

Option 2 -  Execute this javascript in your project somewhere (e.g., first slide), it will inject the style into the page when run. Perhaps easier to maintain than option 1.

var style = document.createElement('style');
style.textContent = `
 .note-title {
   font-family: 'Helvetica' !important;
   font-size: large !important;
 }
 .note-content p span {
   font-family: 'Helvetica' !important;
   font-size: small !important;
 }
`;
document.head.appendChild(style);

Notes:

• If Articulate changes their html / class names output in the future, you'll need to examine the html and update the css above accordingly.
• Above was tested for the 'classic' player, the class names might be different for the 'modern' player.
• If you need to find the class names you can do so by
  • viewing the course in chrome/firefox/etc
  • opening the notes & right clicking the notes content in chrome/firefox/etc
  • selecting 'inspect element' -- basic html/css knowledge required

I would like to change all notes font to a certain font and color at once in Articulate 360...How do I do that?

Hi Kipp,

The Notes are treated as a separate and distinct element for each slide, but we have a feature request for a Notes Master/global formatting option.

I've added this conversation to our report. I wanted to share some information about how we manage these feature requests, which may be helpful. 

Another vote for making the default Notes font size globally adjustable, vs. slide-by-slide. The default size (9 pt) creates accessibility issues.

If allowing us to customize that setting globally is more of a long-term project for your engineers, perhaps a short-term enhancement would be to set the Notes default at 12 pt in the next update?

Thanks for keeping accessibility in mind -- it's much appreciated!

And another vote to make the Notes section default size 12 pts!! In Canada we will soon have a law to that requires all courses to be accessible.

Right now we make the Notes section visible and call it "Transcript" so learners can read along if they want to. I understand CC does that as well but this is a quick fix for our current courses. 

As a side comment - The Notes section (and other things) is so finicky, and when making changes manually it constantly crashes forcing me to save after every slide change... also a huge ongoing issue for years. Updates don't seem to fix the instability of Storyline. 

Thanks!