Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Styles of Fonts with HTML

You can style your fonts in three basic ways:

Bold face font, Italics font, and bold&italics font together. 

Bold Face

To make a format bold you will have to use this HTML code:

...

Panel
borderColorgray
bgColorazur
titleColorblack
borderWidth1
titleBGColorlemonchiffon
borderStylesolid
titleBrowser Results Bold
Html bobswift
<strong>This text is bold.</strong>

Italics Font 

To make a format italics you will use this HTML code:

...

Panel
borderColorgrey
bgColorazul
titleColorblack
titleBGColorlemonchiffon
borderStylesolid
titleBrowser Results Italics
Html bobswift
<em>Do this and your text will be in italics style.</em>

 

Bold and Italics 

To make a format italics and bold, you will use the HTML code:

...

Panel
borderColorgrey
bgColorazul
titleColorblack
titleBGColorlemonchiffon
borderStylesolid
titleBrowser Results Italics&Bold
Html bobswift
<strong><em>To get your text italics and bold, do this.</em></strong>

Font Colors and Sizes with HTML

Another couple of different simple formatting options you can do in REDCap surveys or forms is having different font colors and font sizes.

...

All you have to do is use/copy these HTML Codes: 

Font Colors 

To make a words in REDCap have font colors, use this HTML code:

...

Panel
borderColorgrey
bgColorazul
titleColorblack
titleBGColorlemonchiffon
borderStylesolid
titleBrowser Results Font Color
Html bobswift
<font color="red">This color will be red.</font> 
<font color="purple">This color will be purple.</font>
<font color="green">This color will be green.</font>
<font color="blue">This color will be blue.</font>

 

Font Sizes

For different font sizes, use this HTML code: 

...

Panel
borderColorgrey
bgColorazul
titleColorblack
titleBGColorlemonchiffon
borderStylesolid
titleBrowser Results Font Sizes
Html bobswift
<div style="font-size: 10pt">This is how you change the size of the font.</div>
 
<div style="font-size: 14pt">This is how you change the size of the font.</div>
 
<div style="font-size: 20pt">This is how you change the size of the font.</div>
 
<div style="font-size: 22pt">This is how you change the size of the font.</div> 
 

 

 

 

 

 

 

 

 

Font Color & Sizes

For combining both font color & sizes, use this HTML code: 

...