Web Font

I introduced FOUT (flickering at the time of replacing the font), which is a web font issue, in Optimization of Web Font 01: “FOIT and FOUT. At the time of utilizing web font, the page layou…

By specifying unicode-range, the Unicode range of characters to be displayed in a certain font can be specified. In [Web Font Design Technique 05: “Use Mixed Typesetting”], mixed typesetting…

In the utilization of web font, subsetting is the first method to be considered in the optimization of the font file itself. Subsetting means generating a font file in which only the require…

There are several formats for web fonts. Currently, it is a good choice to use WOFF or WFF2 format in most cases. The major difference between WOFF and WOFF2 is the compression algorithm. Th…

Knowledge of the previous article is a prerequisite for this article. You may read the previous article here: Previous Article: Optimization of Web Font 01: “FOIT and FOUT” In the rules for …

In “Overview of Web Font 03: Issues on Web Font,” explained that there are issues with Japanese fonts, including a large font data capacity and the time it takes to display a page.In this se…

In the case of self-hosting, @font-face is used for reading font. Using the property unicode-range, the character range of the font used can be specified. Therefore, mixed typesetting of mul…

With web fonts, there are varieties in which the character shape can be changed by using OpenType functions. For example, ligature liga and optional ligature dlig are variations of Hama Minc…

When a Web font is utilized for large headings, etc., the line break position may not be in accordance with the intended design depending on the screen and window size. To solve this problem…

In website design utilizing typography, the text may be displayed larger for the screen, or the relative position and size with the surrounding graphic elements may become important. In the …

When the space between characters stands out due to large character size, such as in headings, leads, etc., or visual coherence is desired for sentences, typesetting with narrowed spacing be…

There are mainly two distribution formats for web font: “utilization of a font distribution service” and “self-hosting.” Here, the format “self-hosting” is explained. Self-hosting is a metho…

There are mainly two distribution formats for web font: “utilization of a font distribution service” and “self-hosting.” Here, “utilization of a font distribution service” is explained. A fo…

The glamour and advantages of web font were described in the previous article. However, there are several issues with web font. One issue is the fee. Most font distribution services and self…

The utilization of web font has various glamour and advantages. First of all, web font allows us to regulate impression and improve on a brand’s image. As briefly mentioned in the previous a…

Web font is a technology that enables displaying a web page in a specific font by reading font data from the internet. Although it cannot be said that web font is commonly used in Japan yet,…