Add additional fonts to project

allonis@bendavies.eu's Avatar Topic Author

Add additional fonts to project

2 years 2 months ago
#2926
Hi Guys,
How can one add additional fonts to a project?
I'd like to add Helvetica to mine...
Many thanks

Please Log in or Create an account to join the conversation.

davep's Avatar
Admin Admin
  • Posts: 371
  • Thanks: 98

Re: Add additional fonts to project

2 years 2 months ago - 2 years 2 months ago
#2936
make sure you download the appropriate web font files and put them in the smartremote/css/fonts folder.

then you have to edit the font-icons.css and add the appropriate font-face entries for each of the Helvetica font weights you want to use. You'll see entries like

/* designer-font:Roboto */
@font-face {
  font-family:'Roboto';
  font-style:normal;
  font-weight:100;
  src:url('fonts/roboto-v19-latin-100.eot');
  src:local('Roboto Thin'), local('Roboto-Thin'),
       url('fonts/roboto-v19-latin-100.eot?#iefix') format('embedded-opentype'),
       url('fonts/roboto-v19-latin-100.woff2') format('woff2'),
       url('fonts/roboto-v19-latin-100.woff') format('woff'),
       url('fonts/roboto-v19-latin-100.ttf') format('truetype'),
       url('fonts/roboto-v19-latin-100.svg#Roboto') format('svg');
}

you will need to add similar css entries for the Helvetica files.

The line that reads /* designer-font:Roboto */  is what informs the Designer that the font is available to use in the project. You would add a similar /* designer-font:Helvetica */ line at the top of your Helvetica font css font-face list.
Last edit: 2 years 2 months ago by davep.

Please Log in or Create an account to join the conversation.

allonis@bendavies.eu's Avatar Topic Author

Re: Add additional fonts to project

2 years 2 months ago
#2938
Many thanks for the quick & detailed reply Dave.
I'll have a go :-)
Cheers
Ben

Please Log in or Create an account to join the conversation.

Time to create page: 0.291 seconds