CKEditor 4.7.0 Change Font Size for Ordered List

CKEditor 4.7.0 with Font Size plugin doesn't change list markers as styles are applied directly to list item <span> even when whole list is selected

by Vladislav Derbenev

HTML

<script src="https://cdn.ckeditor.com/4.7.0/full-all/ckeditor.js"></script>
<textarea id="container">

  This is standard font size (12px)

  <ol>
    <li><span style="font-size:15px;">Select list and change font size</span></li>
    <li><span style="font-size:15px;">Ordered list text will follow font size style</span></li>
    <li><span style="font-size:15px;">But list marks (numbers) will not follow font size style</span></li>
    <li><span style="font-size:15px;">Font size is applied only to content of li and not list itslef</span>
  </ol>

  <ol style="font-size:24px">
    <li>You still can modify list styles manually in Source mode if editor.config.allowedContent = true</li>
  </ol>

</textarea>

JavaScript

editor = CKEDITOR.replace('container')

editor.config.allowedContent = true // allows to edit styles manually in Source mode
  // so you can check how list should look when <ol style="font-size:8px"> is set