We announce the release of NewsCard Pro with lots of features. View beautifuldemos

New font

Tagged: 

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

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

    Alberto
    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

    Alberto
    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

    Alberto
    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

    Alberto
    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

    Alberto
    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.