@font-face {
            font-family: 'PB-Icons';
            src: url("PB-Icons.eot?c02a897b076da9a2cce2");
            src: url("PB-Icons.eot?c02a897b076da9a2cce2") format("embedded-opentype"),
                url("PB-Icons.ttf?c02a897b076da9a2cce2") format("truetype"),
                url("PB-Icons.woff?c02a897b076da9a2cce2") format("woff"),
                url("PB-Icons.svg?c02a897b076da9a2cce2") format("svg");
            font-weight: normal;
            font-style: normal;
        }

        .pb-icons {
            /* use !important to prevent issues with browser extensions that change fonts */
            font-family: 'PB-Icons' !important;
            font-weight: normal;
            font-style: normal;
            font-size: 24px;
            line-height: 1;
            letter-spacing: normal;
            text-transform: none;
            font-variant: normal;
            display: inline-block;
            white-space: nowrap;
            word-wrap: normal;
            direction: ltr;

            /* Enable Ligatures ================ */
            -webkit-font-feature-settings: "liga";
            -moz-font-feature-settings: "liga=1";
            -moz-font-feature-settings: "liga";
            -ms-font-feature-settings: "liga" 1;
            font-feature-settings: "liga";
            -webkit-font-variant-ligatures: discretionary-ligatures;
            font-variant-ligatures: discretionary-ligatures;

            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }