字体渲染问题

Question

我无法在Safari和ios设备上正确显示字体。

我相信我已经正确设置了@font-face，但是仍然有一些不对的地方。我正在使用网络字体的试用版，但我认为这不会引起问题。应该是？它在Chrome上运行正常，但在Safari和我的移动设备上看起来平均。

@font-face {font-family: 'SuisseIntl';src: url('fonts/Web/EOT/SuisseIntl-Ultralight-WebTrial.eot'); /* IE9 Compat Modes */
src: url('fonts/Web/EOT/SuisseIntl-Ultralight-WebTrial.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
   url('fonts/Web/Woff2/SuisseIntl-Ultralight-WebTrial.woff2') format('woff2'), /* Super Modern Browsers */
   url('fonts/Web/Woff/SuisseIntl-Ultralight-WebTrial.woff') format('woff'), /* Pretty Modern Browsers */
   url('fonts/Web/TTF/SuisseIntl-Ultralight-WebTrial.ttf')  format('truetype'), /* Safari, Android, iOS */
   url('fonts/Web/SVG/SuisseIntl-Ultralight-WebTrial.svg#svgSuisseIntl') format('svg'); /* Legacy iOS */

font-weight: normal;
font-style: normal;

样式在这里

p {
width: 30vw;
margin: 1.4vw;
font-size: 1.5vw;
font-family: SuisseIntl;
font-style: normal;
color: white;
letter-spacing: .16vw;}