[分享]css中怎么字体不能选中

CSS中有一个非常常见的问题，就是在网页中的文本无法选中。这个问题通常出现在自定义字体（或非系统默认字体）的情况下。那么，造成这个问题的原因是什么？怎么解决呢？ p { fontfamily: &qu...

CSS中有一个非常常见的问题，就是在网页中的文本无法选中。这个问题通常出现在自定义字体（或非系统默认字体）的情况下。那么，造成这个问题的原因是什么？怎么解决呢？

 p {
    font-family: "My Custom Font", sans-serif;
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE/Edge */
    user-select: none; /* Non-prefixed version */
  } 

首先，我们需要了解一下CSS中user-select属性的含义。该属性控制元素内文本是否可被选中。这个属性有几个可选值：

• auto：默认值。允许用户选中文本。
• none：禁止用户选中文本。
• text：允许用户选中文本，但不能复制。

很多时候，CSS中的user-select属性被设置成了none，导致文本无法选中。如上述代码中，我们将user-select属性设置为none。

接着，也许更重要的原因是字体厂商将字体文件设置了不可编辑。字体文件通常会有一个属性叫做“editable”，控制字体是否可以编辑（包括选择和复制）。如果字体制造商把这个属性设置为false，那么CSS就无法让文本可被选中。

要解决这个问题，我们需要确认字体文件的editable属性是否被设置为了false。如果是的话，我们需要使用其他可选的字体，或者联系字体制造商重新生成字体文件。

综上，要想实现可选中的文本，我们需要在CSS中将 user-select属性设置成auto，同时需要检查字体文件的editable属性是否被设置成false。