Skip to Content
Menu
Musisz się zarejestrować, aby móc wchodzić w interakcje z tą społecznością.
To pytanie dostało ostrzeżenie
2 Odpowiedzi
1715 Widoki

I tried several times to include a custom font to the web​ module.
This is what I have done to add the custom font

in the dir /addons_price/web/static/fonts​ there is an already existed file fonts.scss​ which is responsible for including the already-existed font in the /fonts​​ dir (e.g google, lato, sign, etc...).

Now in the dir /fonts​ (where the already-existed fonts folders are) I tried to add a new font dir called Noto_Sans_Arabic​ and the structure of this font folder is like this: 

Noto_Sans_Arabic/

  /static

​NotoSansArabic_Condensed-Black.ttf
​NotoSansArabic_Condensed-Bold.ttf
​etc...


Now let's go to the including step after we added the font dir /Noto_Sans_Arabic​ to /addons_price/web/static/fonts


1- go to the fonts.scss​ file because it already contains the code to include the already existed fonts, so I added this code to it: 
@font-face {
​font-family: 'Noto_Sans_Arabic';

​src:​url('web/static/fonts/Noto_Sans_Arabic/static/NotoSansArabic_Condensed-Black.ttf') format('truetype'),
​url('web/static/fonts/Noto_Sans_Arabic/static/NotoSansArabic_Condensed-Bold.ttf') format('truetype');    font-weight: normal;    font-style: normal;    }        

----------------
but it produces this error in the console (I even restarted the server): 
GET http://localhost:8068/web/static/fonts/Noto_Sans_Arabic/static/NotoSansArabic-Black.ttf 404 (NOT FOUND)

GET http://localhost:8068/web/static/fonts/Noto_Sans_Arabic/static/NotoSansArabic-Bold.ttf 404 (NOT FOUND)

----------------

I tried to add the font to the __manifest__.py​ file but it didn't work also or maybe I didn't include it there in the right way.

Please If anyone knows how to solve this help me

Awatar
Odrzuć
Autor Najlepsza odpowiedź

Hello Yatrik, Thanks for your reply.
The copied error was a wrong one because I was trying different things and forgot to copy the correct error. Here below are the updated code and its corsspending error:
``` @font-face {    
font-family: 'Noto_Sans_Arabic';    
src: url('web/static/fonts/Noto_Sans_Arabic/static/NotoSansArabic_Condensed-Black.ttf') format('truetype'),    url('web/static/fonts/Noto_Sans_Arabic/static/NotoSansArabic_Condensed-Bold.ttf') format('truetype');    
font-weight: normal;    font-style: normal;    
}


    * { font-family: 'Noto_Sans_Arabic' !important; 


Error: 
* { GET http://localhost:8068/web/static/fonts/web/static/fonts/Noto_Sans_Arabic/static/NotoSansArabic_Condensed-Black.ttf net::ERR_ABORTED 404 (NOT FOUND)

point_of_sale.assets_prod.rtl.min.css:1 

GET http://localhost:8068/web/static/fonts/web/static/fonts/Noto_Sans_Arabic/static/NotoSansArabic_Condensed-Bold.ttf 404 (NOT FOUND) }

Awatar
Odrzuć
Najlepsza odpowiedź

Hello,

I've noticed in the error message that the file "NotoSansArabic-Black.ttf" is not found in the specified location. However, the actual file name is "NotoSansArabic_Condensed-Black.ttf".

This suggests that there might be an error in the file path specified in the manifest. Could you please check and confirm why the file names are mismatched?

I hope this information is helpful.

Thank you & Best Regards,

Awatar
Odrzuć
Powiązane posty Odpowiedzi Widoki Czynność
7
kwi 25
8060
1
lis 23
5387
1
sie 20
1785
2
lut 24
2266
1
lis 23
2415