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. |