DOC-2209: Added docs for the new default_font_size option (#2993)

* DOC-2209: Added docs for the new default_font_size option

* DOC-2209: add new default_font_stack  file.

---------

Co-authored-by: Karl Kemister-Sheppard <[email protected]>

changelog.md

@@ -6,6 +6,7 @@ The format is loosely based on [Keep a Changelog](https://keepachangelog.com/en/
 
 ### Unreleased
 
+- DOC-2209: add new default_font_stack `user-formatting-option.adoc` file.
 
 ### 2023-11-15
 

modules/ROOT/pages/user-formatting-options.adoc

@@ -4,6 +4,8 @@
 
 include::partial$configuration/block_formats.adoc[]
 
+include::partial$configuration/default_font_stack.adoc[]
+
 include::partial$configuration/font_family_formats.adoc[]
 
 include::partial$configuration/font_size_formats.adoc[]

modules/ROOT/partials/configuration/default_font_stack.adoc

@@ -0,0 +1,20 @@
+[[default_font_stack]]
+== `+default_font_stack+`
+
+This option changes the default font stack that is considered as the "System Font" stack in the fontfamily toolbar and menu items. It's should be an
+array of font family names that matches the default fonts in the the configured xref:add-css-options.adoc#content_css[content_css] CSS file.
+
+*Type:* `+Array+`
+
+*Default value:* `[ '-apple-system', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'sans-serif' ]`
+
+=== Example: using `+default_font_stack+`
+
+[source,js]
+----
+tinymce.init({
+  selector: 'textarea',  // change this value according to your HTML
+  toolbar: 'fontsize',
+  default_font_stack: [ '-apple-system', 'Arial' ]
+});
+----