Font Size

This website contains links to software which is either no longer maintained or will be supported only until the end of 2019 (CKFinder 2). For the latest documentation about current CKSource projects, including software like CKEditor 4/CKEditor 5, CKFinder 3, Cloud Services, Letters, Accessibility Checker, please visit the new documentation website.

If you look for an information about very old versions of CKEditor, FCKeditor and CKFinder check also the CKEditor forum, which was closed in 2015. If not, please head to StackOverflow for support.

(Spelling of "esthetic" corrected)
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
== Size ==
+
{{#CUSTOMTITLE:Font Size}}
In CKEditor the '''Size''' determines how big or small a font used in the document text will be. The system administrator may customize the set of available font sizes to the needs of a particular CKEditor installation, however, by default the following values are available: <code>8px</code>, <code>9px</code>, <code>10px</code>, <code>11px</code>, <code>12px</code>, <code>14px</code>, <code>16px</code>, <code>18px</code>, <code>20px</code>, <code>22px</code>, <code>24px</code>, <code>26px</code>, <code>28px</code>, <code>36px</code>, <code>48px</code> and <code>72px</code>. Depending on the needs of the system, font sizes may also be defined in a descriptive manner, like <code>Very small</code> or <code>Bigger</code>.  
+
In CKEditor the '''Size''' determines how big or small a font used in the document text will be. The system administrator may customize the set of available font sizes to the needs of a particular CKEditor installation, however, by default the following values are available: <code>8px</code>, <code>9px</code>, <code>10px</code>, <code>11px</code>, <code>12px</code>, <code>14px</code>, <code>16px</code>, <code>18px</code>, <code>20px</code>, <code>22px</code>, <code>24px</code>, <code>26px</code>, <code>28px</code>, <code>36px</code>, <code>48px</code>, and <code>72px</code>. Depending on the needs of the system, font sizes may also be defined in a descriptive manner, like <code>Very small</code> or <code>Bigger</code>.  
  
 
To change a font size for a text fragment, open the '''Size''' menu by clicking the [[Image:CKEditor_size.png|Size]] button on the toolbar. The font size drop-down list contains a number of sizes that you can use. To make the choice easier, the items of the list are displayed in a font size that they represent, giving you a preview of what the text will look like.
 
To change a font size for a text fragment, open the '''Size''' menu by clicking the [[Image:CKEditor_size.png|Size]] button on the toolbar. The font size drop-down list contains a number of sizes that you can use. To make the choice easier, the items of the list are displayed in a font size that they represent, giving you a preview of what the text will look like.
Line 7: Line 7:
  
  
A font size can be applied to the whole document, a paragraph, or a text fragment of arbitrary length &mdash; even a single letter. Do note, however, that for esthetic and readability reasons it is recommended not to combine too many different font sizes in one document.
+
A font size can be applied to the whole document, a paragraph, or a text fragment of arbitrary length &mdash; even a single letter. Do note, however, that for aesthetic and readability reasons it is recommended not to combine too many different font sizes in one document.
  
 
[[Image:CKEditor_size_example.png|frame|center|Different font sizes used in CKEditor]]
 
[[Image:CKEditor_size_example.png|frame|center|Different font sizes used in CKEditor]]

Latest revision as of 13:29, 10 June 2011

In CKEditor the Size determines how big or small a font used in the document text will be. The system administrator may customize the set of available font sizes to the needs of a particular CKEditor installation, however, by default the following values are available: 8px, 9px, 10px, 11px, 12px, 14px, 16px, 18px, 20px, 22px, 24px, 26px, 28px, 36px, 48px, and 72px. Depending on the needs of the system, font sizes may also be defined in a descriptive manner, like Very small or Bigger.

To change a font size for a text fragment, open the Size menu by clicking the Size button on the toolbar. The font size drop-down list contains a number of sizes that you can use. To make the choice easier, the items of the list are displayed in a font size that they represent, giving you a preview of what the text will look like.

Font size drop-down menu in CKEditor


A font size can be applied to the whole document, a paragraph, or a text fragment of arbitrary length — even a single letter. Do note, however, that for aesthetic and readability reasons it is recommended not to combine too many different font sizes in one document.

Different font sizes used in CKEditor
This page was last edited on 10 June 2011, at 13:29.