create typographic stylesheets

[vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ min_height=”220″][vc_column width=”1/2″][vc_empty_space height=”30px”][vc_column_text css=”.vc_custom_1446737552733{margin-bottom: -10px !important;}”]

Create a typographic stylesheet

[/vc_column_text][vc_column_text css=”.vc_custom_1446737590054{margin-right: 5% !important;}”]

Typographic stylesheets enable you to template font stylings.

You can create a stylesheet for your titles, subtitles, body texts and so on. These are not mandatory but they can prove useful to gain time on text blocks editing and to preserve typographic coherence throughout your project.[/vc_column_text][/vc_column][vc_column width=”1/2″][vc_empty_space height=”90px”][vc_column_text css=”.vc_custom_1446737647036{margin-left: 5% !important;}”]

Here are the different options proposed by Racontr that we will approach:

[/vc_column_text][/vc_column][/vc_row][vc_row padding_top=””][vc_column width=”5/6″][vc_single_image image=”123″ img_size=”full” alignment=”center”][vc_empty_space height=”10px”][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Create a typographic stylesheet

[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text letter_spacing=””]To create a typographic stylesheet, go to the “Project” section.

  1. Then click on the “Fonts” tab.
  2. Start by choosing which style you want to preset: title, subtitle, body.
  3. Choose a font . If your font is not installed, you can upload a new one (cf: Import a font tutorial).
  4. Choose a font size and modify any setting you wish.
  5. You can preview your style in the above window.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5767″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463751034831{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner][vc_empty_space height=”50px”][vc_separator color=”custom” accent_color=”#e8e8e8″][vc_empty_space height=”30px”][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/3″][vc_column_text]

Add a stylesheet

[/vc_column_text][vc_separator color=”custom” accent_color=”#009cad”][vc_column_text letter_spacing=””]You?ll find your stylesheets in any text blocks when editing your project.

  1. When you open a text block, you’ll see a “Style” dropdown menu.
  2. You can select your desired stylesheet.

[/vc_column_text][/vc_column_inner][vc_column_inner width=”2/3″][vc_single_image image=”5764″ img_size=”full” onclick=”link_image” css=”.vc_custom_1463751051454{margin-right: 5% !important;}”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/6″][vc_empty_space height=”50px”][vc_widget_sidebar sidebar_id=”sidebar-1″][/vc_column][/vc_row][vc_row padding_top=”0″ padding_bottom=”0″][vc_column][vc_empty_space][vc_single_image image=”132″ img_size=”full” alignment=”center”][/vc_column][/vc_row][vc_row type=”color” bg_color=”#e8e8e8″ vertical_align=”yes” column_gap=”no” padding_top=”” margin_top=”0″ min_height=”220″][vc_column width=”1/3″][vc_empty_space][vc_column_text]

More
tutorials:

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]

[/vc_column_text][/vc_column][vc_column width=”1/3″][vc_empty_space height=”65px”][vc_column_text]

[/vc_column_text][/vc_column][/vc_row]

Saving

Log in with your credentials

or    

Forgot your details?