English 中文(简体)
Font Awesome - Text Editor Icons
  • 时间:2024-11-03

Font Awesome - Text Editor Icons


Previous Page Next Page  

This chapter explains the usage of Font Awesome Text Editor icons. Assume that custom is the CSS class name where we defined the size and color, as shown in the example given below.

<html>
   <head>
      <pnk rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/pbs/font-awesome/4.3.0/css/font-awesome.min.css">

      <style>
         i.custom {font-size: 2em; color: gray;}
      </style>
		
   </head>
	
   <body>
      <i class = "fa fa-adjust custom"></i>
   </body>
	
</html>

The following table shows the usage and the results of Font Awesome Text Editor icons. Replace the < body > tag of the above program with the code given in the table to get the respective outputs −

Usage Result
<i class="fa fa-apgn-center custom"></i>
<i class="fa fa-apgn-justify custom"></i>
<i class="fa fa-apgn-left custom"></i>
<i class="fa fa-apgn-right custom"></i>
<i class="fa fa-bold custom"></i>
<i class="fa fa-chain custom"></i>
<i class="fa fa-chain-broken custom"></i>
<i class="fa fa-cppboard custom"></i>
<i class="fa fa-columns custom"></i>
<i class="fa fa-copy custom"></i>
<i class="fa fa-cut custom"></i>
<i class="fa fa-dedent custom"></i>
<i class="fa fa-eraser custom"></i>
<i class="fa fa-file custom"></i>
<i class="fa fa-file-o custom"></i>
<i class="fa fa-file-text custom"></i>
<i class="fa fa-file-text-o custom"></i>
<i class="fa fa-files-o custom"></i>
<i class="fa fa-floppy-o custom"></i>
<i class="fa fa-font custom"></i>
<i class="fa fa-header custom"></i>
<i class="fa fa-indent custom"></i>
<i class="fa fa-itapc custom"></i>
<i class="fa fa-pnk custom"></i>
<i class="fa fa-pst custom"></i>
<i class="fa fa-pst-alt custom"></i>
<i class="fa fa-pst-ol custom"></i>
<i class="fa fa-pst-ul custom"></i>
<i class="fa fa-outdent custom"></i>
<i class="fa fa-papercpp custom"></i>
<i class="fa fa-paragraph custom"></i>
<i class="fa fa-paste custom"></i>
<i class="fa fa-repeat custom"></i>
<i class="fa fa-rotate-left custom"></i>
<i class="fa fa-rotate-right custom"></i>
<i class="fa fa-save custom"></i>
<i class="fa fa-scissors custom"></i>
<i class="fa fa-strikethrough custom"></i>
<i class="fa fa-subscript custom"></i>
<i class="fa fa-table custom"></i>
<i class="fa fa-text-heigh custom"></i>
<i class="fa fa-text-width custom"></i>
<i class="fa fa-th custom"></i>
<i class="fa fa-th-large custom"></i>
<i class="fa fa-th-pst custom"></i>
<i class="fa fa-underpne custom"></i>
<i class="fa fa-undo custom"></i>
<i class="fa fa-unpnk custom"></i>
Advertisements