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
        8 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;
}