list-style-type: square cannot be displayed
See original GitHub issueReferring to an older issue #318
We are using
font-family: Helvetica, Arial, sans-serif;
and list-style-type: square
is not shown (garbage as you have shown). We are using an alpine:latest container with
apk --no-cache add msttcorefonts-installer fontconfig
update-ms-fonts
fc-cache
reproduceable for weasy using
FROM alpine:latest
RUN apk --update --upgrade add supervisor cairo pango gdk-pixbuf py3-cffi py3-pillow py-lxml py3-pip \
&& apk --no-cache add msttcorefonts-installer fontconfig \
&& apk --no-cache add ca-certificates dpkg bash curl su-exec \
&& update-ms-fonts \
&& fc-cache
We also tried with Roboto
and Liberation Sans
Liberation
RUN apk --update add ttf-liberation
Roboto
RUN wget https://github.com/google/fonts/archive/master.tar.gz -O gf.tar.gz \
&& tar -xf gf.tar.gz \
&& mkdir -p /usr/share/fonts/truetype/google-fonts \
&& find $PWD/fonts-master/ -name "*.ttf" -exec install -m644 {} /usr/share/fonts/truetype/google-fonts/ \; || return 1 \
&& rm -f gf.tar.gz \
&& fc-cache -f && rm -rf /var/cache/*
Issue Analytics
- State:
- Created 3 years ago
- Comments:9 (5 by maintainers)
Top Results From Across the Web
List Style Type Square Not Showing - HTML & CSS - SitePoint
I cannot get the square to show for the list items on this page. Can someone take a look and tell me what...
Read more >CSS list-style-type not working - Stack Overflow
I set the ul { display:list-item; } as suggested above, and it just worked fine. Check if you are using any reset files....
Read more >list-style-type - CSS: Cascading Style Sheets - MDN Web Docs
The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
Read more >CSS list-style-type property - W3Schools
Definition and Usage. The list-style-type specifies the type of list-item marker in a list. Show demo ❯ ...
Read more >list-style - CSS-Tricks
ul { list-style-type: square; list-style-position: outside; ... also have a bug where floated list items do not display their list marker.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@liZe I have tried it out and I confirm it is back to normal. Thanks so much for the expedience!
You can now try the latest
master
branch or install NotoEmoji (or DejaVu), everything should be back to normal.Please let me know if the problem is not fixed for you.