You're going to need some extra CSS in your theme to change the displayed content to match what you want them to display - the above only controls the defaults used in the Editor, and anything entered will not have any html tags/styles added to them by default, so will need to be handled.
Example:
The above content is using the defaults on here...it's html code is:
<p>
You're going to need some extra CSS in your theme to change the displayed content to match what you want them to display - the above only controls the defaults used in the Editor, and anything entered will not have any html tags/styles added to them by default, so will need to be handled.
</p>
However, if I manually change an element of the font it becomes...
<p>
You're going to need some extra CSS in your theme to change the displayed content to match what you want them to display - <span style="color:#e74c3c;">the above only controls the def</span>aults used in the Editor, and anything entered will not have any html tags/styles added to them by def<span style="font-family:Comic Sans MS,cursive;">ault, so will need</span> to be handled.
</p>
...and that contains the styles that enforce the changes on the displayed content:
You'll need something to handle the items that are not styled - I'm not a theme guy, so no idea what specific areas you'll have to modified in your theme.