My font face isn't working on Google Chrome -

for reason, font face not showing in google chrome. works other browsers, on android mobile web browsers. read many post on why (google chrome update, etc) i'm not sure issue or how fix it. hoping 1 @ code , see if wrong.

my font face css:

@font-face { font-family: 'source_sans_proregular'; src: url('sourcesanspro-regular.eot'); src: url('sourcesanspro-regular.eot?#iefix') format('embedded-opentype'),      url('sourcesanspro-regular.woff') format('woff'),      url('sourcesanspro-regular.ttf') format('truetype'),      url('sourcesanspro-regular.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal;   }     @font-face { font-family: 'source_sans_problack'; src: url('sourcesanspro-black.eot'); src: url('sourcesanspro-black.eot?#iefix') format('embedded-opentype'),      url('sourcesanspro-black.woff') format('woff'),      url('sourcesanspro-black.ttf') format('truetype'),      url('sourcesanspro-black.svg#source_sans_problack') format('svg'); font-weight: normal; font-style: normal;  }     @font-face { font-family: 'source_sans_probold'; src: url('sourcesanspro-bold.eot'); src: url('sourcesanspro-bold.eot?#iefix') format('embedded-opentype'),      url('sourcesanspro-bold.woff') format('woff'),      url('sourcesanspro-bold.ttf') format('truetype'),      url('sourcesanspro-bold.svg#source_sans_probold') format('svg'); font-weight: normal; font-style: normal;  } 

my css implemented:

.headerbartext      {font-family:'source_sans_proregular';                      font-size:37pt;                      color:#fff;                      font-weight:bold;                      padding-bottom:0px;                      padding-top:7px;                      padding-left:15px} 

i answered own question. link css file needed capitol letter , issue figured out font calling in "font-family" request incorrectly spelled.