[Alberto]

I want add new font visible in all browsers. In which folder do I put it? The font is Snell Roundhand

[Theme Horse Support Team]

Hi there,

You can not show the font visible in all visitors browser by just adding font to the folder.
You need to have the license to use that font as well as it needs code customization to enqueue/register the styles and scripts of that font. You need to hire a developer for this.

Thank you!

[Alberto]

The Snell Roundhand font is free.
I have put in the css and it works. I did not download it from the web.
I only put this css in the child so: font-family: “Snell Roundhand”, arial;

[Theme Horse Support Team]

Hi,

Just adding the line of CSS code will not load the font for your visitors.
You have installed that font into your PC does not mean that your visitor will see same font into your site. You also have to load the script or attached font library into your site. So that your visitor will have same appearance as you see into your PC.

Thank you!

[Alberto]

I think it’s OK now.

Folders directory: themes/wp-portfolio/font-awesome/snell-roundhand

Font: SnellRoundhand .ttf, .otf, .woff

In the child css:

@font-face {
	font-family: SnellRoundhand;
    src: url(SnellRoundhand.ttf) format('truetype'),
           url(SnellRoundhand.woff) format('woff'),
           url(SnellRoundhand.eot) format('embedded-opentype');
}

/* Copyright sotto le frasi */
.frasicopy { 
	font-family: SnellRoundhand, times, arial;
	font-size: 1.1em;
	font-style: normal;
	color: #118040;  	
}

[Alberto]

Post before no good. This correct code:

@font-face {
    font-family: SnellRoundhand;
    src: local ('SnellRoundhand'),
        url('http://SITE.COM/wp-content/themes/wp-portfolio/font-awesome/snell-roundhand/SnellRoundhand.ttf') format('truetype'),
        url('http://SITE.COM/wp-content/themes/wp-portfolio/font-awesome/snell-roundhand/SnellRoundhand.eot') format('embedded-opentype'),
        url('http://SITE.COM/wp-content/themes/wp-portfolio/font-awesome/snell-roundhand/SnellRoundhand.woff') format('woff'),
        url('http://SITE.COM/wp-content/themes/wp-portfolio/font-awesome/snell-roundhand/SnellRoundhand.woff2') format('woff2');
}

[Theme Horse Support Team]

Hello,

If it’s working fine then it’s ok, though here is the link for using @font-face

Thank you!

[Alberto]

Tanks, I did it.

[Theme Horse Support Team]

Welcome any time @forum80

[Author]

Posts