Créez un dossier "fonts" à la racine du site.
Mettez dans ce dossier les polices au format otf, pas d'accent, pas d'espace...
Dans le fichier css template.css en début de fichier, ajouter les appels vers les polices.

/* WEBFONTS
--------------------------------------------------------- */
@font-face {font-family: "myriadprobold"; src: url('../../../fonts/MyriadPro-Bold_0.otf');}
@font-face {font-family: "myriadprocond"; src: url('../../../fonts/MyriadPro-Cond_0.otf');}
@font-face {font-family: "myriadproregular"; src: url('../../../fonts/MyriadPro-Regular_0.otf');}
@font-face {font-family: "myriadproitalic"; src: url('../../../fonts/MyriadPro-It_0.otf');}
@font-face {font-family: "myriadproboldcond"; src: url('../../../fonts/MyriadPro-BoldCond_0.otf');}
@font-face {font-family: "myriadproboldconditalic"; src: url('../../../fonts/MyriadPro-BoldCondIt_0.otf');}
@font-face {font-family: "myriadprobolditalic"; src: url('../../../fonts/MyriadPro-BoldIt_0.otf');}
@font-face {font-family: "myriadproconditalic"; src: url('../../../fonts/MyriadPro-CondIt_0.otf');}

Vous pouvez maintenant utiliser ses polices dans vos css, exemple :
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
color: inherit;
font-family: myriadproboldcond;
line-height: 1.1;
font-size: 1.5em;
}