Hi, 

I noticed there are some Google Fonts missing from the dropdown lists of available fonts in the Typography tab (General HTML elements). 

Specifically I need this one

https://fonts.google.com/specimen/Spectral?selection.family=Spectral:700

So I tried to embed the font manually (not link it). 

I uploaded font files to my server and pasted this code into the Custom CSS input field:

@font-face {
font-family: 'spectral';
src: url('wp-content/themes/salient/fonts/spectral-bold.eot?#iefix') format('embedded-opentype'), 
     url('wp-content/themes/salient/fonts/spectral-bold.woff') format('woff'), 
     url('wp-content/themes/salient/fonts/spectral-bold.ttf')  format('truetype'),
}

It doesn't work, however. Dropdowns in the Typography tab don't feature the spectral font.

Links to font files are ok, e.g. 

http://jakubkasprzak.pl/wp-content/themes/salient/fonts/spectral-bold.ttf

What am I doing wrong?

Hi Tahir,

yeah I followed the last tutorial (@fontface) but can't get it working.

Having uploaded the font files and added the custom CSS the new font should be visible in the Typography dropdown menu. It's not there, though.