Hi Hopki (or whoever answers this question!)
I usually use Google fonts to easily add in custom fonts to projects. However, I have a client who is requiring a paid for font to be used throughout the tour and this isn't on Google fonts. Can this be done, and if so, how?
Thanks!
Custom font, but not using Google Fonts
Hi,
I have two tutorials that may be of help.
1. Converting .TTF & .OTF fonts to .WOFF
Using specific or custom fonts are among the most potentially appealing aspects of CSS3 for designers creating skins within Pano2VR. With the @font-face rule, you can render any font you have online within your text, regardless of whether the user has it installed or not. There are a number of fonts supported by the different browsers but for my projects, I tend to stick with WOFF.
https://tonyredhead.com/pano2vr/converting-to-woff
2. Styling Text with CSS and Local Fonts - V6
The best way to ensure consistency across browsers is to use a Local font file and CSS to style the text. In this example I'm going to create a button and a popup information block using the local font file/css method.
https://tonyredhead.com/pano2vr/styling-with-css
cheers,
Tony
I have two tutorials that may be of help.
1. Converting .TTF & .OTF fonts to .WOFF
Using specific or custom fonts are among the most potentially appealing aspects of CSS3 for designers creating skins within Pano2VR. With the @font-face rule, you can render any font you have online within your text, regardless of whether the user has it installed or not. There are a number of fonts supported by the different browsers but for my projects, I tend to stick with WOFF.
https://tonyredhead.com/pano2vr/converting-to-woff
2. Styling Text with CSS and Local Fonts - V6
The best way to ensure consistency across browsers is to use a Local font file and CSS to style the text. In this example I'm going to create a button and a popup information block using the local font file/css method.
https://tonyredhead.com/pano2vr/styling-with-css
cheers,
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/