How to use custom font for some element?

You should download this font from the Internet and paste it to your FTP in folder ‘font’ (wp-content\themes\signup\font). The add css rule for appropriate element.

@font-face {
    font-family: Myriad Pro Cond; /* Font name */
    src: url(font/File_font.otf); /* Path to the file of custom font */
h1 {
font-family: 'Myriad Pro Cond' !important; /* Custom font will be applied for h1 */

It is better to use different font formats (.eot, .ttf, .woff, .svg) for better compatibility with different browsers.


Was this article helpful?
0 out of 1 found this helpful
Have more questions? Submit a request


Article is closed for comments.