costume font using costume css



  • Hi, how I can't load new font ? I'm trying load BBCNassim from local host

    body, p, h1, h2, h3, h4, h5, h6, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"], textarea, select, button, body, div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark {
        font-family: 'BBCNassim', Tahoma,"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
    

  • Admin

    Do you have the font available online? Perhaps you can use @import to load it in...



  • @julian said:

    Do you have the font available online? Perhaps you can use @import to load it in...

    yes I have this files:
    BBCNassim.eot
    BBCNassim.ttf
    BBCNassim.woff

    my forum url is forum.sanatisharif.ir and fonts locate on sanatisharif.ir, how can I use @import ? can you give a code snip ?



  • @julian Doesn't works:

    @font-face {
      font-family: 'BBCNassim';
      src: url('http://sanatisharif.ir/css/font/BBCNassim.eot'); /* IE9 Compat Modes */
      src: url('http://sanatisharif.ir/css/font/BBCNassim.woff') format('woff'), /* Pretty Modern Browsers */
           url('http://sanatisharif.ir/css/font/BBCNassim.ttf')  format('truetype'); /* Safari, Android, iOS */
    }
    body, p, h1, h2, h3, h4, h5, h6, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"], textarea, select, button, body, div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark {
        font-family: 'BBCNassim', Tahoma,"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
    #user-control-list li, .notification-list li  {
            text-align: right !important;
    }
    

  • Admin

    I'm not familiar with this type of font embedded, so you'll have to ask somebody else.



  • @sanatisharif said:

    /css/font/BBCNassim

    this code fix my issue:

    @font-face {                                                           
        font-family: "BBCNassim";                                          
        src: url("/fonts/bbc-nassim-regular.eot");                     
        src: local("☺"),                                                   
            url("/fonts/bbc-nassim-regular.woff") format("woff"),      
            url("/fonts/bbc-nassim-regular.ttf") format("truetype");   
        font-weight: normal;                                               
        font-style: normal;                                                
    }                                                                      
    @font-face {                                                           
        font-family: "BBCNassim";                                          
        src: url("/fonts/bbc-nassim-bold.eot");                        
        src: local("☺"),                                                   
            url("/fonts/bbc-nassim-bold.woff") format("woff"),         
            url("/fonts/bbc-nassim-bold.ttf") format("truetype");      
        font-weight: bold;                                                 
        font-style: normal;                                                
    }                                                                      
    body, p, h1, h2, h3, h4, h5, h6, .button, input[type="button"], input[type="submit"], input[type="text"], input[type="password"], input[type="email"], textarea, select, button, body, div, span, applet, object, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark {
        font-family: "BBCNassim",Tahoma,"Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    }
    

Log in to reply
 


Star

Looks like your connection to NodeBB was lost, please wait while we try to reconnect.