Chrome 37 does not support Calibri Light
Yesterday my site was fine, but strange things happened when I turned it on today. I often use the Calibri Light font on my site, but it has been replaced with the default font. The width of the inputs has also changed. How can I fix this? I read somewhere that Chrome from version 37 does not support fonts with space in their names like Arial Bold or Calibri Light, but I don't know what to do with this information as I was using Calibri Light which was built into chrome ... Is there a fix for it?
Edit: he solved it himself, possibly a bug.
source to share
Calibri is a Microsoft font. It can also be found on OSX stored in this directory
/Library/Fonts/Microsoft/Calibri.ttf
If you want to use it. The font must be in all caps.
body { font-family: 'Calibri Light','Gill Sans','Open Sans',Geneva,Helvetica,Arial,sans-serif; }
If it doesn't load, you should just enable it. You will need to place the Calibri font files on your website and include them.
@font-face {
font-family: 'Calibri Light';
src: url('/fonts/calibri_light.eot');
src: url('/fonts/calibri_light.eot?#iefix') format('embedded-opentype'),
url('/fonts/calibri_light.woff') format('woff'),
url('/fonts/calibri_light.ttf') format('truetype'),
url('/fonts/calibri_light.svg#CustomFont') format('svg');
}
Vitriver you read that Chrome does not support font with spaces in their name. I'm not sure I believe this. I searched the Chromium forum and could not find threads on this subject ..
source to share
I am assuming you are relying on the user who installed Calibri Light on their system? You can also use CSS to use it as a web font, which seems to work in the latest Chrome.
It's available here: http://www.fonts.com/font/microsoft-corporation/calibri/light although not free.
I went to http://typecast.com/preview/fontscom/431781:1371185 and changed the weight of one of the elements to Light and on Chrome 37 it worked for me. I don't have Calibri Light on my machine.
source to share