Хотя я настоятельно рекомендую использовать шрифт, символы которого имеют одинаковую ширину (возможно, Courier New), а затем просто умножить длину строки на ширину, которую вы определяете для одного символа, вы могли бы используйте немного серверного кода, чтобы добиться цели. Я буду говорить на PHP с этого момента. :)
Предполагая, что у вас есть доступ к библиотеке GD, вы можете использовать функцию imagettfbbox () , чтобы вернуть координаты ограничительной рамки строки; Ниже приведен пример:
<?php
$size = 15;
$angle = 0;
$path = 'name_of_font.ttf';
$bounding = imagettfbbox($size, $angle, $path, "This is some text.");
// $bounding is now an array of values that contain
// information regarding the invisible "box" around
// the text; the only element you're really interested
// in, though, the one that will tell you the width of
// the text, is $bounding[2]
?>
Таким образом, всякий раз, когда вам нужно определить ширину строки, просто вызовите эту функцию и используйте элемент в индексе 2 результирующего массива, чтобы получить необходимую информацию. Надеюсь, я помог.