Почему Calibri на сайте отличается от макетного?
со smallcaps особых проблем нет: .email{font-variant: small-caps}
а про рендеринг уже сказали выше. 
шрифты в браузерах всегда будут отличаться от шрифтов в графических программах. 
более того, рендеринг шрифтов отличается в разных браузерах и операционных системах с различными настройками.
man "рендеринг шрифтов"