Custom font not showing in ios device

Hi Chandran

All WordPress themes completely overwrite their own folder when updating. Changes to style.css aren’t update safe and will be lost if we push a Vantage update and you run it.

Your “customfonts” folder should be moved out of the Vantage folder and into the root.

The following needs to be moved from style.css to Appearance > Custom CSS:

@font-face {
font-family: "buildingcondensed_medium"
src: url(http://www.atcas.org.sg/wp-content/themes/vantage/customfonts/building_typeface-webfont.eot);
src: url(http://www.atcas.org.sg/wp-content/themes/vantage/customfonts/building_typeface-webfont.eot?#iefix) format('embedded-opentype'),
     url(http://www.atcas.org.sg/wp-content/themes/vantage/customfonts/building_typeface-webfont.ttf) format('truetype'),
     url(http://www.atcas.org.sg/wp-content/themes/vantage/customfonts/building_typeface-webfont.svg#buildingcondensed_medium) format('svg'),
     url(http://www.atcas.org.sg/wp-content/themes/vantage/customfonts/building_typeface-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
}

The URLS will need to be updated to reflect the new storage location of the customfonts folder.

Adding the font is only one half the process. You still need to add that font value to the required selectors. Try:

/* Body */

body,button,input,select,textarea {
	font-family: "buildingcondensed_medium";
}

(If you’d like to display your logo at the size upload check the setting at Appearance > Theme Settings > Logo > Constrain Logo Height.)

Super, let us know how you come along.

Just at a glance it looks like your font URLS are going to 404. You can check the URLS in Custom CSS by inserting them int your address bar, they must resolve.

Then the new fonts URL to be used in Custom CSS should be:

http://www.atcas.org.sg/wp-content/themes/vantage-child/fonts/

For sure, let me know how it goes. Technically this is the correct way to do things. You can store things in the WordPress root folder but it’s a bit more professional to have this folder in a child theme.

Thanks for the wait.

On your home page the widget title h3 tags are being set from:

.page-id-10 .entry-content h3 {
  font-family: 'antonioregular', 'Futura-CondensedMedium', sans-serif !important;
  font-size: 29;
  font-weight: 500;
  text-align: center;
}

Changing the font family above should resolve the widget title font family question.

Please note that font-size: 29; is not valid. You can have unitless line-height but font-size needs a unit like px for pixels.