Forum Discussion

Regular Visitor

9 years ago

Solved

Import custom local font?

I am trying to import a local font but I keep on getting a console error:

"@font-face failed cross-origin request. Resource access is restricted."

Is it possible at all to import a custom font for custom visualizations?

Thanks in advance!

v-chuncz-msft
9 years ago
karlsandin,

Google "Access-Control-Allow-Origin" to learn more about this issue. Instead, you may use Google Fonts.

13 Replies

v-chuncz-msft
Community Support
9 years ago
karlsandin,

Google "Access-Control-Allow-Origin" to learn more about this issue. Instead, you may use Google Fonts.
- karlsandin
  Regular Visitor
  9 years ago
  v-chuncz-msft
  
  Thanks for the answer!
  
  I tried using Google fonts and using:
  
  "@import url('https://fonts.googleapis.com/css?family=Lato')"
  
  in my visual.less.
  
  But it keeps on fallbacking to the original fonts (Arial etc)...
  
  Any idea how to fix this?
  - v-chuncz-msft
    Community Support
    9 years ago
    karlsandin,
    
    Based on my test, you need to import it as .less file.
    
    @import (less) url('https://fonts.googleapis.com/css?family=Lato');