We announce the release of FolioPress Pro Hurry up ! and get 20% discount with this coupon code foliopress20%offBuy it Now

New font

Tagged: 

This topic contains 8 replies, has 2 voices, and was last updated by  Theme Horse Support Team 54 minutes ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #59487

    forum80
    Participant

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

    #59557

    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!

    #59564

    forum80
    Participant

    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;

    #59570

    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!

    #59583

    forum80
    Participant

    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;  	
    }
    #59584

    forum80
    Participant

    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');
    }
    #59603

    Hello,

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

    Thank you!

    #59608

    forum80
    Participant

    Tanks, I did it.

    #59783

    Welcome any time @forum80

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.