Create and edit Fontwork

From The Document Foundation Wiki
Jump to: navigation, search

Template:TopMenu/en Template:Menu/en

Other languages:

This Page is in Work!


The video shows the application ″Create and edit Fontwork" and links to this page here, which provides further information and details.

This description refers to the version LibreOffice 7.0 under Windows 10.

Basis of this description and the video is the FAQ-Draw in the LibreOffice-Wiki FR/Draw/Fontwork

Link to the Video

Link to the Video (in German [DE]):

Create and edit Fontwork - LibreOffice 7.0


Figure 1: Fontwork Gallery

The Fontwork-Tool provides text in different fonts with special effects that are different from ordinary text.

From the Fontwork Gallery you can select graphic and artistic text objects to make your documents more attractive.

There is a wide range of pre-defined templates available, and you are sure to find the one that suits your document and adapt it as required.

Fontwork is available in the modules Base, Calc, Draw, Impress and Writer.

The menu navigation is partly different in the modules.

For this description Draw and Writer was used in part.

Fontwork Options

  • Complete management of 3D effects
  • Area with colour gradients, colours, patterns etc.
  • Character size
  • Character spacing etc.

How do I create a Fontwork object?

Display the Fontwork Gallery using one of these commands:

  • Choose the menu Insert ▸ Fontwork...
  • In the "Drawing" toolbar choose the "Fontwork" icon (for the toolbar choose the menu View ▸ Toolbars ▸ Drawing
  • In the Fontwork toolbar, select the Fontwork icon (for the toolbar, select the View ▸ Toolbars ▸ Fontwork menu to display it).

The Fontwork Gallery dialog box is now open, Figure 1.

Select a Fontwork style and click OK.

How do I edit a Fontwork object?

Selecting a Fontwork object

Click with the left mouse button on a Fontwork object to select it.

A selected Fontwork object is surrounded by seven squares, called "handles", which allow you to resize it, and a grey dot, Figure 2.

The grey dot allows the letters to slide, cursive Figure 3 and recursive Figure 4.

Write the text for the Fontwork object

Double-click on the Fontwork object.

The existing text is displayed smaller again and the cursor flashes.

You can now replace the text.

Then simply click outside the object and the new text will be displayed.

Use of the "Fontwork" toolbar

You have created a Fontwork object and want to change some of its attributes.

Make sure that the Fontwork toolbar is visible, Figure 5.

If it is not, choose the menu View ▸ Toolbars ▸ Fontwork.

The various tools allow you to edit your Fontwork objects quickly and easily.

202010 D06 Draw - Symbol Fontwork-Form.png Fontwork Shape Allows you to change the shape of the object, Figure 7.

Figure 9: Letter hight

202010 D08 Draw - Symbol Fontwork-Buchstaben mit gleicher Höhe.png Fontwork letters with the same height Changes the height of the characters in the object.
Switches between normal letter height and all letters of the same height (Figure 9), (some characters are larger than others, e.g. capital letters, or some lower case letters such as f, h, l, etc.)

202010 D10 Draw - Symbol Ausrichtung.png Alignment Allows you to change the character orientation, Figure 11.

The alignment in the order of the menu: Left-aligned, centred, right-aligned, word by word Justification, stretched Justification.

 Note:  For text alignment click on the symbols on the left. The effects of text alignment are only visible if the object has two or more lines.

Click on the entry with the last option of the sub-menu Stretched Justification (Figure 12), so that each line of the Fontwork object is filled in completely, as shown in Figure 13.

 Tip:  To create a Fontwork object over multiple lines, press the ↵ Enter key for each desired line break, as shown in Figure 14.

202010 D14a Draw - Symbol Fontwork-Zeichenabstand.png Character spacing Allows you to change the spacing and kerning of characters, Figure 15:.

Figure 15: Submenu "Character spacing of the Font"

Select the desired distance.

For custom distances, select "Adjust" in the sub-menu and enter a percentage value: 100% is the normal percentage. Below 100% the distance is reduced, above 100% the distance is increased.

 Note:   normal percentage = selection "normal" = 100%

Use the "Drawing object properties" toolbar

For example, if you click on an existing Fontwork object in Writer, the "Formatting" toolbar is replaced
by the "Drawing Object Properties" Toolbar to display additional font options.

 Note:  The content of this toolbar may vary depending on the LibreOffice module used.
Figure 16: "Drawing object Properties" Toolbar

This toolbar (Figure 16) gives you access to advanced functions for customising your Fontwork object.

  • Click on a Fontwork shape. The "Drawing Object Properties" toolbar, and thus offers many alternatives for the appearance, in the Writer module.
  • In the "Drawing Object Properties" toolbar, you have a whole range of tools to customize your object.
 Note:  All these options are the same as for other Writer drawing objects.

Line options

Figure 17: "Drawing object Properties-Line" Toolbar

Line options can also be found in the "Drawing Object Properties" toolbar. The selection contains Line tips, Line style and Line width, Line colour, Fill type selection and the Fill colour, see Figure 17.

 Note:  The tab Line Tips is not discussed here because it is not of interest for a Fontwork shape.
Figure 18: Changed Colour and Line width

You can also change the line options as follows:

  • Right-click on the Fontwork object for a context menu or
  • select View ▸ Sidebar (Ctrl+F5) and select "Properties".

In this example the same text appears in a different colour and line width, see Figure 18.

 Caution:  Only assign line properties to Fontwork objects that have no 3D effects, because the changes are not visible!
Figure 19: "Linie" Dialog box

Select line... from the context menu.

The Dialog box Line appears, Figure 19.

In the tab "Line" you can make the essential settings.

Fill options

Filling tool Use the 'Sidebar|Properties in Draw, Figure 20. There you can set the filling and transparency. In Fill you can select: None, Colour, Gradient, Hatching, Bitmap, and Pattern (Figure 21).

With these options you can fill in the letters of the Fontwork object.

See some examples of fills in Draw with a defined colour, a shadow, with transparency, a bitmap and a gradient, Figure 22.

For the filling, select "Colour", "Gradient", "Hatching", "Bitmap/Image" or "Pattern" from the "Area" context menu and in the "Area" Dialog box that opens to fill the letters of the selected object, Figure 23.

  • Click "Enable" at "Shadow" and adjust parameters like angle, distance, colour and transparency to highlight the shadow of the object.
  • At "Transparency" define a percentage degree of transparency that you want to apply to the selected object.
  • With "Shadow|Colour", select from the available colours or add a new "Custom colour..." to the palette. This new colour is then available for all colour selections.
  • Change the available colour gradients according to your wishes.
  • At "Hatching" you can select the available hatching.
  • Select an existing bitmap or import one to make it available.
  • Or select an existing pattern.
 Note:  The Line and Fill tools are also accessible via the Line and Fill toolbar. To do this select ViewToolbarsLine and Fill from the menu.

Options for the position of font objects

Figure 27: "Icons Arrange" Context menu

202010 D28 Draw Symbol PositionUndGröße.jpg Rotation angle tool Allows you to manually rotate the selected object with the mouse, Figure 24. Use the red handles surrounding the image and move the mouse in the direction you want to rotate.

By default the image is rotated around its centre (symbolised by a test pattern, Figure 25), but you can change the centre of rotation by moving it to the desired centre of rotation, Figure 26.

202010 D29 Draw Symbol Anordnung.png Arrangement Tool Allows you to arrange your graphic object so that you can determine its layer position relative to other graphic objects (rarely used for Fontwork objects) or text. This tool has six icons, Figure 27.

  • All the way forward: Places the selected object above any other image or text.
  • Forward: Places the selected object one level higher in the stack. Depending on the number of overlapping objects it is necessary to click on this symbol several times to get the desired result.
  • To the back: Move the selected object one level lower in the stack of objects.
  • All the way back: Move the selected object all the way back in the stack so that the other objects or the text covers it.
  • In the foreground: Places the selected object in front of the text.
  • In the background: Places the selected object behind the text.

202010 D30 Draw - Symbol Verankerung.png Anchoring Allows you to change the object anchoring so that you can anchor Fontwork objects as characters or in a page, paragraph or character:

On the side: The object keeps the same position in relation to the edges of the page. It will not move even if you add or delete text or other objects such as images.

At the paragraph: The object is connected to a paragraph and moves with it. It can be placed at the edge or at another location.

At the character: The object is connected to a character, but not a text sequence. It moves with the paragraph and can be placed at the edge or elsewhere (this method is similar to anchoring the paragraph, but it cannot be used with drawing objects).

As character: the object is placed in the document like any other character that affects the height of the text line and the line break. The object moves with the paragraph when you add or delete text before the latter.

202010 D31 Draw - Symbol Gruppieren.png Group Allows you to group the selected objects so that you can manage them as a single object.

 Note:  This icon is only available (not greyed out) if the objects have been previously selected with the ⇧ Shift+Click combination on each object.

202010 D32 Draw - Symbol Aufheben.png Ungroup Allows you to separate the selected objects so that you can manage them individually.

Use of the "Format" menu

You can select some of the options described in the previous sections from the Format menu (Figure 33) to anchor, arrange, mirror horizontally and vertically, rotate and group selected Fontwork objects.

Use of the "Context menu"

You can also right-click on a Fontwork object to get most options in a shortcut menu, Figure 34.

In fact, this context menu provides quick access to tools such as Line..., Area..., Position and Size and so on.

 Note:  The dialog box Caption is rarely used for Fontwork objects and is not discussed here.

On the other hand, the Context menu (like the Format menu) offers the entry Position and Size, shortcut F4 (in the modules Draw and Impress).

These open the Dialog box Position and Size, Figure 35, in which you can specify exact values for the size and position of the selected Fontwork object.

How can I change the size of a Fontwork object and move it?

Change the size of a Fontwork object

Using the mouse

When you select a Fontwork object, eight square handles are visible around the object.

Click and drag one of these handles (except the grey dot) to resize the object.

 Note:  if you want to keep the proportions of the object (height/width ratio), hold ⇧ Shift} while you click and drag the handles.

By menu

Once the object is selected, select one of these commands:

    • choose the context menu Position and size... in Writer or Format ▸ Object ▸ Position and size in Impress
    • Right-click to open the context menu and choose Position and Size in Draw
    • Press F4 (in Draw or Imprint).

In the tab Position and size:

    • select the tab Position and Size
    • if necessary, check the box "Keep aspect ratio".
    • enter the desired values for the width and height of the object.
    • confirm with OK.
 Note:  to keep the proportions of the object, select the Keep aspect ratio check box before changing values.

Change the font size of letters

When selecting a Fontwork object, you can hold one of the corner points with the mouse and drag to reduce or enlarge the letters within the Fontwork object.

Move Fontwork object

To move the object within your document:

  • mark the Fontwork object.
  • move the Mouse pointer over the text to see the cursor like this CurseurDéplacement.png.
  • click and drag the fontwork to the desired position and release.

Further Informations

Comparison between Fontwork and Microsoft Word © / WordArt ©

The Fontwork tool is similar to the WordArt © used in Microsoft Word ©.

When LibreOffice saves documents in Microsoft Office © format, each Fontwork object is converted to WordArt ©.

Documentation / Manuals

Documentation / Manuals

Any questions?

For questions on this topic go to Ask.LibreOffice