Forum Discussion

karlsandin's avatar
karlsandin
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 fon...
v-chuncz-msft's avatar
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');
karlsandin's avatar
karlsandin
Regular Visitor
9 years ago

v-chuncz-msft

 

Works like charm!

 

Thanks alot for taking the time to help me with this, very much appreciated!

  • lattys's avatar
    lattys
    Frequent Visitor
    9 years ago

    Hello karlsandin!

     

    How did you import fonts or where/on wich platform ?  

    I would like to import the "roboto" family in my power bi desktop, which I will be publishing to the web (refresh through cloud). Thank you for your answer!

    • karlsandin's avatar
      karlsandin
      Regular Visitor
      9 years ago

      Hi lattys!

       

      I used the following line to import a google font into my project, placing it first in my visual.less file:

       

      @import (less) url('https://fonts.googleapis.com/css?family=Lato');

       

       This works in both web and desktop version of Power BI

       

      In your case it would look something like:

      @import (less) url('https://fonts.googleapis.com/css?family=Roboto');

body {
         font-family: 'Roboto', sans-serif;
}
      • lattys's avatar
        lattys
        Frequent Visitor
        8 years ago

        Thank you very much! :)