Okay
  Public Ticket #420290
Custom Font
Closed

Comments

  • david started the conversation

    Hi,

    Is it possible to install a custom font ? For example, with Adobe Typeset ?

  •  1,973
    Support replied

    Hi,

    You need to upload the files somewhere as a subfolder of the theme and then use @font-face to create afont family. And then simply add the font-family style for each element you want to have that font.

    A detailed explanation of the process:

    http://premium.wpmudev.org/blog/custom-fonts-css/

    You can edit style.css or use theme options Styling Options ->Custom CSS

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • david replied

    Thank you very much ;)

  • david replied

    I followed your instructions, all is well up to the css code in your \"theme options\" \"Custom CSS\"

    I put this code:

    @font-face {

    font-family: \'gotham_lightregular\';

    src: url(\'gotham-light-webfont.eot\');

    src: url(\'gotham-light-webfont.eot?#iefix\') format(\'embedded-opentype\'),

    url(\'gotham-light-webfont.woff2\') format(\'woff2\'),

    url(\'gotham-light-webfont.woff\') format(\'woff\'),

    url(\'gotham-light-webfont.ttf\') format(\'truetype\'),

    url(\'gotham-light-webfont.svg#gotham_lightregular\') format(\'svg\');

    font-weight: normal;

    font-style: normal;

    }


    when I save the code changes:

    @font-face {

    font-family: \\\'gotham_lightregular\\\';

    src: url(\\\'gotham-light-webfont.eot\\\');

    src: url(\\\'gotham-light-webfont.eot?#iefix\\\') format(\\\'embedded-opentype\\\'),

    url(\\\'gotham-light-webfont.woff2\\\') format(\\\'woff2\\\'),

    url(\\\'gotham-light-webfont.woff\\\') format(\\\'woff\\\'),

    url(\\\'gotham-light-webfont.ttf\\\') format(\\\'truetype\\\'),

    url(\\\'gotham-light-webfont.svg#gotham_lightregular\\\') format(\\\'svg\\\');

    font-weight: normal;

    font-style: normal;

    }

  •  1,973
    Support replied

    to be sure, add it to style.css to see if your code works. the characters are escaped by the options framework (security measure : ) ) that\'s why they show up like that

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • david replied

    I inserted my code in style.css of your theme and it works.

    see the url : http://www.webdesign-lartigue.ch/creationdesitesinternet/berger_portfolio/dandys-barber-lounge/

    I will not leave him here, because of updates. Thank you to fix the bug of your Custom CSS.


    thank you very much


  •   Support replied privately
  • david replied

    no it will not, I\'d put my css code in your CSS Custom option and not put hand in style.css.

    Thank you to find me a solution please

  •  1,973
    Support replied

    The CSS code is validated you can remove the validation from that field but you still have to modify the files.

    Or you can use a child theme for style.css

    thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • david replied

    ok thank you