Living in South Korea, my English isn't the best
I hope you can understand despite my poor language skills.
My issue is related to this:
Unlike Android 6.0 or later versions, fonts vary from version to version.
This involves CSS styling
.box {
width:100px;
}
p {
display: block;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient:vertical;
word-wrap: break-word;
}
.font1 {
font-family: helvetica Neue, sans-serif;
}
.font2 {
font-family: helvetica, sans-serif;
}
This is the code snippet I'm working with:
<div id="test">
<div class="box">
<p class="font1">abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz</p>
</div>
<div class="box">
<p class="font2">abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyz</p>
</div>
</div>
I know that Android doesn't have the Helvetica font and uses 'Roboto' as default in version 6.0.
Q1. Why is there 'sans' instead of 'sans-serif' in font-family: helvetica Neue,sans-serif?
(Image on top)
Q2. Is that font Droid?
Q3. Is using font-family: sans-serif; incorrect? By just writing this, the font appears as serif style, but I require sans-serif. Help!
Apologies for my limited English, but I really need your assistance, as I believe Korean individuals might not be aware of this issue.