I've been trying to use the @font-face tag in my CSS coding in Dreamweaver to set type in particular fonts. Please see a couple examples, below.

@font-face {
font-family: Priori-Sans-Regular;
src: url("/fonts/PriorSanReg.ttf") format("ttf");
font-stretch: normal;
font-style: normal;
font-weight: normal;
}

@font-face {
font-family: Chalet-London;
src: url("/fonts/Chalet-LondonNineteenEighty.otf") format("otf");
font-stretch: normal;
font-style: normal;
font-weight: normal;
}

However, the fonts I select (Priori Sans Regular and Chalet London Nineteen Eighty) do not display either in Dreamweaver's preview mode nor in any of the browsers I've been testing my site on. They are replaced by generic Times fonts.

What can I do to correct this and display the fonts I choose, including those the end-user may not have on their own computer system?