Hi,
i have use the html code to change the font type of the paragraph to “Adobe Garamond Pro Bold”, in desktop view the font is display correctly but in mobile view it cant reflect the font type. Kindly please advice how do i standardize it for mobile and desktop view?
this is the code i used:
<html>
<head>
<style type=”text/css” media=”Screen”>
.hanging-indent {
padding-left: 70px;
text-indent: -60px;
margin-top: -15px;
}
.hanging-dropcap {
position: relative;
top: 0.50em;
left: -3px;
font-size: 70px;
line-height: 50px;
font-weight: bold;
font-family: Adobe Garamond Pro Bold;
}
</style>
</head>
<body>
<p class=”hanging-indent”><span class=”hanging-dropcap”>E</span>stablish in year 2000……<p>
</body>
</html>
Hey swing126,
That font is not present on mobiles and if you don’t serve it from your server, it will not show up.
Do you have it on your server?
Best regards,
Victoria
i loaded in font file in Enfold > import/export > Custom Font Manager. Is this consider loaded in server? i can see the file loaded in my cpanel.
Hi swing126,
Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?
Best regards,
Victoria