| @@ -1,8 +1,8 @@ | ||
| 1 | 1 | export const fontFamilyLong = (family: string) => { |
| 2 | 2 | if (!family) return; |
| 3 | 3 | return [ |
| 4 | - family.split('.')[0], | |
| 4 | + family, | |
| 5 | 5 | 'ui-monospace', |
| 6 | 6 | 'SFMono-Regular', |
| 7 | 7 | 'Menlo', |
| 8 | 8 | 'Monaco', |
| @@ -17,13 +17,5 @@ | ||
| 17 | 17 | if (!parseFloat(size)) return size; |
| 18 | 18 | return `clamp(${parseFloat(size) * 16}px, ${size}, ${ |
| 19 | 19 | parseFloat(size) * 24 |
| 20 | 20 | }px)`; |
| 21 | -}; | |
| 22 | - | |
| 23 | -export const getTextWidth = (text: string, font?: string) => { | |
| 24 | - const canvas = document.createElement('canvas'); | |
| 25 | - const context = canvas.getContext('2d'); | |
| 26 | - if (!context) return 0; | |
| 27 | - context.font = font || getComputedStyle(document.body).font; | |
| 28 | - return context.measureText(text).width; | |
| 29 | 21 | }; |
