How to Reference a Font Through the Link Tag

Referencing a font through an HTML link tag lets you set a custom font for the link's anchor text. This gives you control over the font's color and size, as well as the font family. Using the font tag with a link is helpful if you want to display a hyperlink, but want the text to look different from the text surrounding it. You can easily achieve this by combining the basic link tag and the font tag.

Instructions

1. Create your basic link tag. For example, create a link to Google with the text "Link to Google":

   <a href="http://www.google.com>Link to Google</a>

2. Customize the link and anchor text, if desired. Replace the Google Web address with the site you want to link to, then replace "Link to Google" with your custom anchor text.

3. Wrap the link tag with a font tag to customize the anchor text font:

   <font size="7" face="Courier New" color="maroon"<a href="http://www.google.com">Link to Google</a></font>

4. Replace the size, face or color values to customize your font. For example, to use the Georgia font in pink, with a size of 10, use the following:

   <font size="10" face="Georgia" color="pink"<a href="http://www.google.com">Link to Google</a></font>

Resources

• W3 Schools: HTML Links