Axes字体不需要粗体

Question

我有以下现场演示：plnkr.co

我想：
1.保持轴刻度标记
2.保持轴标签
3.保持轴线隐藏

如何更改轴标签的字体，使它们不粗体？

我认为css的部分正在混淆：

.xAxis {
    font-family: Verdana;
    font-size: 8px;
    font-weight: 200; 
    fill: black;
}

.xAxis text {
    font: 8pt Verdana;
    fill: black;
}

.yAxis {
    font-family: Verdana;
    font-size: 8px;
    font-weight: 200; 
    fill: black;
    /*shape-rendering: crispEdges;*/
}

.yAxis text {
    font: 8pt Verdana;
    fill: black;
}

.tick {
    stroke: black;
    fill: black;
    shape-rendering: crispEdges;
}

.domain {
    fill: none;
}

Answer 1

添加描边：无; to yout .xAxis text-Definition如：

.xAxis text {
    font: 8pt Verdana;
    stroke: none;
    fill: black;
}

你实际上并没有在这里使文字变粗（比如font-weight：bold;）而是在它周围画一条线。这也是你的文字如此模糊的原因，在大多数情况下使用（小）文本元素上的笔画不是一个好主意。