Notes:
- All font styles should be chosen via the Design tab
- If a font style is chosen in the Design tab AND listed in the rich text editor:
> The font chosen in the Design tab will overwrite the font style added via html
> The fonts will no longer break and display as Helvetica when there is a mismatch between the rich text font and the Design tab font
- Other font attributes (weight, color, etc.) can still be modified down to the letter via rich text editor
- The weight attribute in particular can be used to further modify style if needed
<h1><b>CATCH FREE SHUTTLES</b></h1>
<h3><span style="color: rgb(255,255,255); font-family: futura-pt-condensed , sans-serif; font-weight: 500;"><span class="bite-font--variant-h3">TO LOANDEPOT PARK</span> </span></h3>
Expected:
- First line: PT Condensed Medium
- Second line: PT Condensed Medium
Outcome:
- Fonts both appear as PT Condensed Medium as expected
> PT Condensed Medium was chosen under the Design tab
> The mention of PT Condensed Medium in the rich text is ignored
- Font attributes such as color, weight, etc. can still be customized for the second line of text
<h1><b>CATCH FREE SHUTTLES</b></h1>
<h3><span style="color: rgb(255,255,255); font-family: futura-pt-light , sans-serif; font-weight: 500;"><span class="bite-font--variant-h3">TO LOANDEPOT PARK</span> </span></h3>
Expected:
- First line: PT Condensed Medium
- Second line: PT Condensed Medium
Outcome:
- Font appears as PT Condensed Medium as expected
> PT Condensed Medium was chosen under the Design tab
> The mention of PT Light in the rich text editor is ignored and overwritten by the font chosen in the Design tab
> The conflicting font styles chosen in the Design tab and rich text editor do not cause the font to default back to Helvetica
- Font attributes such as color, weight, etc. can still be customized for the second line of text
<h1><b>CATCH FREE SHUTTLES</b></h1>
<h3><span style="color: rgb(255,255,255); font-weight: 500;">TO LOANDEPOT PARK</span></h3>
Expected:
- First line: PT Condensed Medium
- Second line: PT Condensed Medium
Outcome:
- Fonts both appear as PT Condensed as expected
<h1><b>CATCH FREE SHUTTLES</b></h1>
<h3><span style="color: rgb(255,255,255); font-weight: 200;">TO LOANDEPOT PARK</span></h3>
Expected:
- First line: PT Extra Bold
- Second line: PT Extra Bold, with text weight 200
Outcome:
- Font appears as PT Extra Bold as expected
- Font attributes such as color, weight, etc. can still be customized for the second line of text
- Customizing font-weight can help mimic other font styles (in this case, a thinner version of PT Extra Bold can mimic PT Light)