Hi all,
I found an issue when displaying the £ symbol in Firefox.
I'm using the below stylesheet that adds content with £ on a particular cell.
td:last-child::before {con… (xem thêm)
Hi all,
I found an issue when displaying the £ symbol in Firefox.
I'm using the below stylesheet that adds content with £ on a particular cell.
td:last-child::before {content: "£" ;}
I tested this with Chrome, IE 11, new Edge and also on multiple computers and always works fine on the other browsers but never on Firefox v76 and v77.
If I open the page source in FF it shows the incorrect symbol, same if I inspect the code but if I change it live, it displays fine.
I also ruled out the font.
Image attached showing FF and Chrome below.
Thanks for your great work guys :)
Cheers
The same sample code I used to test:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Test</title>
<style>
BODY{background-color:#FFFFFF;font-family: "Franklin Gothic", "Courier New", Courier, monospace;}
TABLE{border-width: 1px;border-style: solid;border-color: black;border-collapse: collapse;table-layout: auto;width:600px}
TH{border-width: 1px;padding: 3px;border-style: solid;border-color: black;color: white;background-color:#4E8435;font-size: 15px;font-family: "Lucida Sans Unicode";}
TD{border-width: 1px;padding: 3px;border-style: solid;border-color: black;font-size: 14px;}
td:last-child::before {content: "£" ;}
tr:nth-child(odd) { background-color:#d3d3d3;}
tr:nth-child(even) { background-color:white;}
H1{margin-bottom:1px;color:#4E8435;font-family: "Lucida Sans Unicode";font-size: 50px;font-weight: 700;text-decoration: none;text-transform: capitalize;}
H2{margin-top:1px;font-family: "Lucida Sans Unicode";font-size: 15px;text-decoration: none;text-transform: capitalize;}
H3{margin-bottom:1px;color:#3B5566;font-family: "Lucida Sans Unicode";font-size: 25px;text-decoration: none;font-variant: none;text-transform: capitalize;}
</style>
</head><body>
<table> <colgroup><col/><col/><col/></colgroup> <tr><th>Header 1</th><th>Header 2</th><th>Header 3</th></tr> <tr><td>Description</td><td>158</td><td>690.35</td></tr> </table></p>
<table>
</table>
</body></html>