css字体加粗除了fontweight还有什么方法

除了使用 `font-weight` 属性之外，还可以通过 `text-shadow` 属性来实现字体加粗的效果。具体方式是通过设置文本阴影的偏移量为 `(0, 0)`，并且模糊半径设置为一个较大的值，从而产生类似于加粗的效果。以下是一个示例：

p {
  text-shadow: 0 0 1px #000, 0 0 1px #000, 0 0 1px #000;
}

上述代码将会把所有 `<p>` 元素的字体看起来像是加粗了一样。需要注意的是，这种方式虽然可以达到类似于加粗的效果，但是在某些情况下可能会不够精确，因此一般还是建议使用 `font-weight` 属性来实现字体加粗。

相关问题

fontweight

fontweight（字重）是CSS中的一个属性，用于控制文本的粗细程度。可以使用数值或关键字来设置字重，数值越大表示文本越粗，关键字包括以下几种：

- normal：正常字体，等同于400
- bold：加粗字体，等同于700
- lighter：比正常字体更细的字体
- bolder：比加粗字体更粗的字体

例如，将一个元素的字体设置为加粗的Arial字体，可以使用以下代码：

element {
  font-family: Arial;
  font-weight: bold;
}

antd 表格 字体加粗 dataSource

如果需要针对某一行或某个单元格增加字体加粗的样式，可以通过自定义表格的 `rowClassName` 或 `render` 属性来实现。具体步骤如下：

1. 在表格组件中设置 `rowClassName` 或 `render` 属性。
2. 在 `rowClassName` 或 `render` 中，根据数据源中的字段值或其他条件，判断需要增加字体加粗的行或单元格，并设置相应的类名或样式。

示例代码如下：

const dataSource = [
  {
    key: '1',
    name: '张三',
    age: 18,
    address: '北京市',
    isBold: true, // 判断是否需要增加字体加粗的标识
  },
  {
    key: '2',
    name: '李四',
    age: 20,
    address: '上海市',
    isBold: false,
  },
];

const columns = [
  {
    title: '姓名',
    dataIndex: 'name',
  },
  {
    title: '年龄',
    dataIndex: 'age',
    render: (text, record) => {
      // 判断是否需要增加字体加粗的条件
      if (record.isBold) {
        return <span style={{ fontWeight: 'bold' }}>{text}</span>;
      }
      return text;
    },
  },
  {
    title: '地址',
    dataIndex: 'address',
  },
];

<Table
  dataSource={dataSource}
  columns={columns}
  rowClassName={(record, index) => {
    // 判断是否需要增加字体加粗的条件
    if (record.isBold) {
      return 'bold-row'; // 返回需要增加的类名
    }
    return '';
  }}
/>

在上述代码中，`isBold` 字段用来判断是否需要增加字体加粗的标识。对于需要增加字体加粗的单元格，可以在 `render` 属性中直接设置样式，或者在 `rowClassName` 属性中设置类名。在 CSS 文件中，可以定义相应的样式。

注意：在使用自定义类名或样式时，需要注意与 antd 的默认样式的冲突问题。可以通过设置 `!important` 来覆盖默认样式。例如：

.bold-row {
  font-weight: bold !important;
}