Fedra Serif A with Fedra Serif B in action on thinkingwithtype.com

Under the hood

.header-1 { font-family: 'Fedra Serif B Medium', 'Palatino Linotype', 'Book Antiqua', Palatino, georgia, serif; font-size: 38px; font-style: normal; font-weight: bold; letter-spacing: normal; line-height: normal; text-transform: none; color: #000000; }
.header-2 { font-family: 'Fedra Serif B Medium Italic', 'Palatino Linotype', 'Book Antiqua', Palatino, georgia, serif; font-size: 58px; font-style: italic; font-weight: bold; letter-spacing: 3px; line-height: normal; text-transform: none; color: #FF0000; }
.content-1 { font-family: 'Fedra Serif A Book', 'Fedra Serif A Book 3', 'Palatino Linotype', 'Book Antiqua', Palatino, georgia, serif; font-size: 12px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: 24px; text-transform: none; color: #000000; }
.content-2 { font-family: 'Fedra Serif A Book', 'Fedra Serif A Book 3', 'Palatino Linotype', 'Book Antiqua', Palatino, georgia, serif; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: none; color: #000000; }
.content-3 { font-family: 'Fedra Serif A Book', 'Fedra Serif A Book 3', 'Palatino Linotype', 'Book Antiqua', Palatino, georgia, serif; font-size: 16px; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: normal; text-transform: none; color: #000000; }