WordPress.org

Forums

using font-feature-settings in CSS (1 post)

  1. barteringlines
    Member
    Posted 1 year ago #

    I am attempting to you the hipster script pro and get the fancy W you get when you implement the "salt" font feature setting. I got my css from http://www.impallari.com/testing/ but it is just not working. I have not used any of these features for fonts before so maybe I have something wrong here. Any advice on this one greatly appreciated. @font-face and use of font-feature in the h1 listed below.

    thanks - jon

    Font Face CSS
    @font-face {
    font-family: 'hipster_script_proregular';
    src: url('sudtipos_-_hipsterscriptpro-webfont.eot');
    src: url('sudtipos_-_hipsterscriptpro-webfont.eot?#iefix') format('embedded-opentype'),
    url('sudtipos_-_hipsterscriptpro-webfont.woff') format('woff'),
    url('sudtipos_-_hipsterscriptpro-webfont.ttf') format('truetype'),
    url('sudtipos_-_hipsterscriptpro-webfont.svg#hipster_script_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    H1 CSS with feature
    .akd-postcontent h1
    {
    color: #59A39D;
    margin: 10px 0 0;
    font-size: 26px;
    font-family: hipster_script_proregular, Arial, 'Arial Unicode MS', Helvetica;
    -moz-font-feature-settings:"kern" 1, "liga" 1, "swsh" 1, "calt" 1, "salt" 1;
    -moz-font-feature-settings:"kern=1, liga=1, swsh=1, calt=1, salt=1";
    -ms-font-feature-settings:"kern" 1, "liga" 1, "swsh" 1, "calt" 1, "salt" 1;
    -o-font-feature-settings:"kern" 1, "liga" 1, "swsh" 1, "calt" 1, "salt" 1;
    -webkit-font-feature-settings:"kern" 1, "liga" 1, "calt" 1, "salt" 1;
    font-feature-settings:"kern" 1, "liga" 1, "swsh" 1, "calt" 1, "salt" 1;
    }

Topic Closed

This topic has been closed to new replies.

About this Topic