如何获取特定字体的字符串宽度？

Question

我正在我的 Django 应用程序中进行问答测试，并向用户提示寻求的答案，我希望输入字段具有与预期答案字符串相同的 width。

目前我正在做的是：

• 后端，改组答案：

  width = ''.join(random.sample(answer,len(answer)))
  

• 前端，当我的 ajax 请求成功时：

  $('#inputNotDisplayed').text(data.width);
  // put the answer string in a hidden div that has
  // the same css characteristics as my answer receiver input (font-size, font-family...)
  $('#answerInput').width($('#inputNotDisplayed').width()).focus();
  // give its width to the visible input that is meant to received the answer
  // and give the focus to the input
  $('#inputNotDisplayed').remove();  
  

它工作得很好，但它有一个主要缺陷：您可以通过检查接收到的数据很容易地得到改组的字符串。

我看到的另一个选项是，当 Q 和 A 数据存储在数据库中时，我可以计算答案的宽度，以便在提出问题时产生它，但是如果我更改我想使用的字体或它的大小 ？

有没有办法知道特定字体的每个字符大小的宽度，是否可以在后端使用？还有什么想法吗？

另外，我没有使用等宽字体，我不想;)。

Answer 1

如果您不想将字谜发送给用户，您可以使用单型字体或至少使用某些字符长度的字体（例如，所有细长字母具有相同宽度的字体，所有中型字母将具有相同的宽度，并且所有宽字母将具有相同的精确宽度）。完成后，您可以将随机字符串中的某些字符替换为等效的宽度字符。