0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>In addition to letters, the font may contain other graphic symbols. There are tools that allow you to build your own font from SVG objects. There are quite a few of them, including:<a>icomoon.io/app</a>,<a>fontastic.me</a>,<a>glyphter.com</a>, and others.</p>
1
<p>In addition to letters, the font may contain other graphic symbols. There are tools that allow you to build your own font from SVG objects. There are quite a few of them, including:<a>icomoon.io/app</a>,<a>fontastic.me</a>,<a>glyphter.com</a>, and others.</p>
2
<p>For the sake of simplicity and clarity, in this task we will use the Glyphter service to create a font with a single character, which will be stored at the address for the Latin letter A.</p>
2
<p>For the sake of simplicity and clarity, in this task we will use the Glyphter service to create a font with a single character, which will be stored at the address for the Latin letter A.</p>
3
<p>Then we will load and connect our font in CSS and write the letter A in the code. However, the resulting output in the browser will be our custom icon.</p>
3
<p>Then we will load and connect our font in CSS and write the letter A in the code. However, the resulting output in the browser will be our custom icon.</p>
4
<p>Let’s make this icon the graphic symbol that is used in the logo.</p>
4
<p>Let’s make this icon the graphic symbol that is used in the logo.</p>
5
<p>The advantage of font icons over bitmaps is that they can be easily scaled or recolored by applying CSS properties to text. In addition, the font does not pixelate on screens with a high pixel density, which is what would happen if you scaled a standard bitmap image.</p>
5
<p>The advantage of font icons over bitmaps is that they can be easily scaled or recolored by applying CSS properties to text. In addition, the font does not pixelate on screens with a high pixel density, which is what would happen if you scaled a standard bitmap image.</p>