costume font using costume css

[sanatisharif]

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;
}

[julian]

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

[sanatisharif]

@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 ?

[sanatisharif]

@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;
}

[julian]

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

[sanatisharif]

@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;
}