{"id":5237527,"date":"2014-08-29T12:03:38","date_gmt":"2014-08-29T12:03:38","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/custom-font-not-displaying\/"},"modified":"2016-08-22T00:57:54","modified_gmt":"2016-08-22T00:57:54","slug":"custom-font-not-displaying","status":"closed","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/custom-font-not-displaying\/","title":{"rendered":"Custom font not displaying"},"content":{"rendered":"<p>I have added a custom font as my H1 title, although Chrome does not display it. Safari displays it no problem.<\/p>\n<p>I have used <code>@font-face { font-family: lobster; src: url(&quot;fonts\/lobster.otf&quot;); format(&#039;opentype&#039;);}<\/code> in my style.css of my child theme, and then for the h1 I have used <code>h1.headtitle {font-family:lobster;}<\/code>.<\/p>\n<p>Like I said, Safari loads it fine, but when I view it in Chrome, it just defaults to the standard font. Can anybody suggest what I&#8217;m doing wrong please?<\/p>\n<p><a href=\"http:\/\/goo.gl\/Cji7YE\">Here is a link to my site<\/a><\/p>\n<p>Thanks<\/p>\n","protected":false},"template":"","class_list":["post-5237527","topic","type-topic","status-closed","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5237527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/5237527\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=5237527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}