ipywidgets icon indicating copy to clipboard operation
ipywidgets copied to clipboard

Some fontawesome characters are not being rendered/displayed when exporting widgets in a notebook to html

Open gph82 opened this issue 3 years ago • 5 comments
trafficstars

Description

[Sorry if this is not an ipywidgets issue but rather a jupyter issue. Also, if it's browser related it's not easily identifiable by me, don't now enough about web-things]

Some fontawesome characters are not being rendered/displayed when exporting widgets in a notebook to html.

The characters are visible in the live notebook, test.ipynb, but not when opening the exported test.html with the browser.

This is the notebook test.ipynb image

Then I save the widget state, save the notebook, then

jupyter-nbconvert --to=html test.ipynb 
[NbConvertApp] Converting notebook test.ipynb to html
[NbConvertApp] Writing 587767 bytes to test.html

This is the exported test.html when opened with the browser, please see the missing character for the accordion to expand "\f0da".

See also the error messages about fontawesome.
image

I'm using a new, clean profile of my browser to avoid weird side-effects of addon-ons. It also happens in other browsers.

I assume the following error message has something to do with all the other "downloadable font: download failed" messages, but, again, not an expert.

Source map error: Error: request failed with status 404 Resource URL: https://unpkg.com/@jupyter-widgets/html-manager@*/dist/embed-amd.js Source Map URL: embed-amd-render.js.map

However, when I check out the [Learn more] link I don't see my case in their list of possible sources of error.

Reproduce

See above

Context

  • ipywidgets version 7.6.5
  • Operating System and version: Kubuntu 22.04
  • Browser and version: FF 106.0.2 (64-bit)
Troubleshoot Output
Paste the output from running `jupyter troubleshoot` from the command line here.
You may want to sanitize the paths in the output.
Command Line Output
Paste the output from your command line running `jupyter lab` (or `jupyter notebook` if you use notebook) here, use `--debug` if possible.
Browser Output
```
16:34:04.750 This page is in Quirks Mode. Page layout may be impacted. For Standards Mode use “”. Untitled2.html
16:34:06.962 strict mode: use allowUnionTypes to allow union type keyword at "#/properties/state/additionalProperties/properties/buffers/items/properties/path/items" (strictTypes) embed-amd.js:20:491971
16:34:07.152 strict mode: use allowUnionTypes to allow union type keyword at "#/properties/state/additionalProperties/properties/buffers/items/properties/path/items" (strictTypes) embed-amd.js:10:2281999
16:34:07.232 downloadable font: download failed (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:1): status=2152857618 source: file:///home/guille/Programs/rplib/notebooks/null/home/guille/Programs/rplib/notebooks/@jupyter-widgets/1551f4f60c37af51121f.woff2
16:34:07.243 downloadable font: download failed (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:2): status=2152857618 source: file:///home/guille/Programs/rplib/notebooks/null/home/guille/Programs/rplib/notebooks/@jupyter-widgets/eeccf4f66002c6f2ba24.woff
16:34:07.249 downloadable font: download failed (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:3): status=2152857618 source: file:///home/guille/Programs/rplib/notebooks/null/home/guille/Programs/rplib/notebooks/@jupyter-widgets/be9ee23c0c6390141475.ttf
16:34:07.249 downloadable font: no supported format found (font-family: "Font Awesome 5 Free" style:normal weight:900 stretch:100 src index:5) source: (end of source list)
16:34:07.896 Source map error: Error: request failed with status 404
Resource URL: https://unpkg.com/@jupyter-widgets/html-manager@*/dist/embed-amd.js
Source Map URL: embed-amd-render.js.map
```

If using JupyterLab

  • JupyterLab version:
Installed Labextensions
```
JupyterLab v3.4.4
/home/guille/miniconda3/share/jupyter/labextensions
        nglview-js-widgets v3.0.1 enabled OK
        @jupyter-widgets/jupyterlab-manager v3.0.0 enabled OK (python, jupyterlab_widgets)
```

gph82 avatar Oct 26 '22 14:10 gph82