この @font-face CSS を使用します。Chrome、Safari、IE で動作しますが、Firefox では動作しません。必要なすべてのファイルがサーバーにアップロードされます。
CSS:
@font-face { font-family: 'Calgary'; src: url('../fonts/calgary.eot'); src: url('../fonts/calgary.eot?#iefix') format('embedded-opentype'), url('../fonts/calgary.woff') format('woff'), url('../fonts/calgary.ttf') format('truetype'); font-weight: normal; font-style: normal; } #header-text-webform { position: relative; top: 59px; left: 20px; font-family: 'Calgary', 'Helvetica', 'Arial', sans-serif !important; color: white; font-size: 26px; font-weight: normal; text-transform: uppercase; z-index: 1; }