# Typography

# Text color

The Text color property defines the color applied to the text of a block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Text Color property
  6. Open the color picker by clicking on the color circle
  7. Select your color in the color picker or click on a global color

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Text Color property
  6. Click on the Clear button

# Link color

The Link color property defines the color applied to the links in a block.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Link Color property
  6. Open the color picker by clicking on the color circle
  7. Select your color in the color picker or click on a global color

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Link Color property
  6. Click on the Clear button

# Font Family

The Font Family property sets the font face that should be used for the specific text of the element.

Font families are inherited by default. If your block's parent has a set font family, that font family will automatically be applied to every child block. No need to add the same font family for every child block.

You can apply a font family to every Cwicly block. The font family property is specific to the block and its children.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Font Family property
  6. If you want to use a Google Font, click on Google. If you want to use a Custom Font, click on Custom
  7. Select your desired font in the dropdown list

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Font Family property
  6. Select Inherit in the dropdown list

Google Fonts Google Fonts is a library of more than a thousand free and open source font families. The font files are stored on Google servers.

# Font Weight

The Font Weight property sets how thick or thin characters in text should be displayed.

It uses a numerical scale from 100 to 900, in increments of 100. 100 being the thinnest and 900 the thickest. The default weight of any block is 400.

You can apply a font weight to every Cwicly block. The font weight property is specific to the block and its children.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Font Weight property
  6. Select your desired font weight in the dropdown list.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Font Weight property
  6. Select Inherit in the dropdown list

# Font Size

The Font Size property allows you to modify the size of selected block's text.

You can apply a font weight to every Cwicly block. The font weight property is specific to the block and its children.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Font Size property
  6. Enter your desired font size
  7. Select your desired font size unit

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Font Size property
  6. Click on Reset

# Spacing

The Letter Spacing property defines the spacing between the characters of a block of text.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Spacing property
  6. Enter your desired letter spacing
  7. Select your desired letter spacing unit
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Spacing property
  6. Click on Reset

# Line Height

The Line Height property defines the height of a single line of text.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Line Height property
  6. Enter your desired letter spacing
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Line Height property
  6. Click on Reset

# Text Align

The Text Align property defines how the text in a block is horizontally aligned.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Align property
  6. Click on the appropriate align options (left, center, right, justify)​
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Align property
  6. Click on the selected option to unselect it

Left The text content is aligned to the left.

Center The text content is aligned to the center.

Right The text content is aligned to the right.

Justify The text content is aligned to the justify.

# Transform

The Text Transform property defines how the text in a block should be transformed.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Transform property
  6. Click on the appropriate transform options (none, capitalize, uppercase, lowercase)​
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Transform property
  6. Click on the selected option to unselect it

None This removes every text transformation applied or inherited (if any). It will appear untouched.

Capitalize Makes the first character of every word uppercase.

Uppercase Makes every character uppercase.

Lowercase Changes all characters into lowercase characters.

# Font Style

The Font Style property defines how slanted a text should be. It is basically an Italic option.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Style property
  6. Click on the appropriate style options (normal, italic)​
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Style property
  6. Click on the selected option to unselect it

Normal The text is normal and not slanted.

Italic Uses the italic version of the font (if it exists). The letters are slightly slanted.

# Font Decoration

The Font Decoration property adds an underline, overline, line-through, or a combination of lines.

  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Decoration property
  6. Click on the appropriate decoration options (none, underline, overline, strike-through)​​
  1. Select a block
  2. Open the block inspector
  3. Navigate to the advanced tab
  4. Open the Typography panel
  5. Find the Decoration property
  6. Click on the selected option to unselect it

None This removes every font decoration applied or inherited (if any). It will appear untouched.

Underline The text is underlined.

Overline The text is overlined.

Line-Through A strikethrough appears on the text.