html - @font-face Not Loading In Any Browser -


i rookie @font-face. i've gone through of posts here, several tutorials , can't figure out why fonts aren't loading. i'm activating , deactivating font see if loads via server no luck. weird thing when it's activated, works in browser not locally.

i have css file in fonts folder , uploaded server. i've tested demo file came font , works fine.

i'm sure i'm missing basic , i'll feel stupid.

here @font-face css:

@font-face {     font-family: 'capsuularegular';     src: url('fonts/capsuula-webfont.eot');     src: url('fonts/capsuula-webfont.eot?#iefix') format('embedded-opentype'),          url('fonts/capsuula-webfont.woff') format('woff'),          url('fonts/capsuula-webfont.ttf') format('truetype'),          url('fonts/capsuula-webfont.svg#capsuularegular') format('svg');     font-weight: normal;     font-style: normal; 

and here page i'm trying work on: http://takatech.com/index.2.html#

any appreciated.

it's because font-family capsuularegular , have in #main-wide capsuula

so, change css this:

#main-wide {     color: #999999;     font-family: "capsuularegular";     font-size: 14px;     line-height: 30px;     text-align: left; } 

Comments

Popular posts from this blog

html - Sizing a high-res image (~8MB) to display entirely in a small div (circular, diameter 100px) -

java - IntelliJ - No such instance method -

identifier - Is it possible for an html5 document to have two ids? -