Web Safe Fonts
Web-safe fonts are fonts likely to be present on a wide range of computer systems, and used by Web content authors to increase the likelihood that content will be displayed in their chosen font. If a visitor to a Web site does not have the specified font, their browser will attempt to select a similar alternative, based on the author-specified fallback fonts and generic families or it will use font substitution defined in the visitor's operating system
Example of Using in CSS:
p { font-family:Arial, Helvetica, sans-serif; } p { font-family:"Times New Roman", Times, serif; }
Font-family | Sample |
---|---|
Arial, Helvetica, sans-serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Arial Black", Gadget, sans-serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Comic Sans MS", cursive, sans-serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Impact, Charcoal, sans-serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Lucida Sans Unicode", "Lucida Grande", sans-serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Tahoma, Geneva, sans-serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Trebuchet MS", Helvetica, sans-serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Verdana, Geneva, sans-serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Courier New", Courier, monospace | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Lucida Console", Monaco, monospace | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
Georgia, serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Palatino Linotype", "Book Antiqua", Palatino, serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |
"Times New Roman", Times, serif | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam viverra risus ac nisl luctus id luctus erat adipiscing. Integer porta turpis at est tincidunt nec ultricies justo accumsan. Pellentesque a sollicitudin arcu. Quisque vel diam ut felis euismod sodales id id orci. Donec in augue massa, quis ornare diam. |