Mobile app version of vmapp.org
Login or Join
Deb5748823

: Calculate ideal font size so text can fit into cell I am a programmer and I have printing code that draws grid on the paper. Grid has 4 columns, and they have equal horizontal length. Height

@Deb5748823

Posted in: #Cell #FontSize #PaperSize #Typography

I am a programmer and I have printing code that draws grid on the paper.

Grid has 4 columns, and they have equal horizontal length. Height of the cell is one tenth of the paper size and is fixed.

Total number of rows is unknown but I know for a fact that there will be at least one row, and that cells will have fixed dimensions.

Maximum number of characters that can fit into cell is 50.

User can choose the paper size on which printing will be done and there I face a problem:

Since the cell dimensions depend on paper size, I do not know how to calculate font size so text can fit into cell.

I have asked for help on StackOverflow but failed, and have tried to find a mathematical formula but that solution didn't work for every case.

I apologize for asking here, but I am desperate at the moment. If further info is required please ask and I will update my post.

Thank you.

10.03% popularity Vote Up Vote Down


Login to follow query

More posts by @Deb5748823

3 Comments

Sorted by latest first Latest Oldest Best

 

@Mendez620

1 You Shall get size for any character of font,include all(upercase and ,-+'"&*#$ etc.), because all fonts has separations differents between characters.

<div id='size23' >dd</div>...<div id='size43' >didididi</div>.... <div id='size54' >dwdwdwdw</div>


and use javascript to get size with diferents combinations of characters

Width43 = getElementById('size43').offsetWidth; ....


2.-Every font has a proportion size height/width and Font metrics(custom aditinal proportion), you get proportion and font metric for that font. you can find more here use a image from zoom font text to get it.

3.-Use proportion number to get sizes for cell like as

proportion_number_font = 0.6

size_a = 0.10; size_b = 0.9 ...

total_a = 10, total_u = 5 , ......
Total_size = 34;


cell_width = total_size

cell_height = 0.6*34 ;

n = 2 // n is a proportional

addjust_cell_proportion = cell_width * n * proportion_number_font;

10% popularity Vote Up Vote Down


 

@Barnes313

If the user is able to choose the printed paper size from a list before entering any text in the cells, then are you able to loop through an array of paper sizes and assign the table a font size depending on the paper? This would require a lot of testing to see which fonts suit which size of paper.

10% popularity Vote Up Vote Down


 

@Merenda852

Generally a programming language will have a device context which will allow you to draw some example text and then measure it's width and height. For example in python, using wxPython GUI toolkit:

import wx
dc = wx.ScreenDC() #yourFont = wx.Font(10, wx.DEFAULT, wx.NORMAL, wx.NORMAL, True) #dc .SetFont(yourFont)
w,h = dc.GetTextExtent('X')


Regardless of which tools you are using the requirements are generally the same. You need to know your desired font size and desired cell padding:

cell_height = padding_top + text_height + padding_bottom


where units are generally pixels and text_height is a f(fontSize).

Generally it is not advisable to size fonts based on width unless you are willing to wrap the text. Use a '...' or something to cut short long text if you can't use a new line.

Don't write your own text wrapping code either. Again, in python:

import textwrap
a = "This sentence is less than 50 characters"
widthInChars = 20
lines = textwrap.wrap(a,widthInChars)


Now you have a relationship between font size, line spacing, padding, and cell size.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme