monotype | Restores caret selection via content rather than the DOM

As we know, a .ttf(or otf) font file's file name is not always the same with the font family name, for example, if I rename Arial.ttf to abcd.ttf, it's font family name is still Arial, so is there a package or library in golang to parse .ttf and get that name?

I've tried freetype, but it seems no method can get it

My code looks something like this at the moment:

I'm trying to create a function that would accept a string and split it into separate lines so that each "line" would fit into reference container without wrapping. Later I'll use this output to animate each line reveal.

Currently I'm using this library but I'm struggling with few issues, so I'm to build my own solution.

Library: https://cyriacbr.github.io/react-split-text/

https://github.com/CyriacBr/react-split-text

My issues with it:

• it triggers a rerender after height of the viewport changes ( so on mobile, thats every time a browser menu pops up )
• it measures line width based on single span width, but I'm using non monotype font, so its not accurate and causes weird issues

My idea is that I would make a component ( or a hook ), that would accept a string, and return array of lines (strings).

It would work sth like this:

• split text into words
• render each word in a ghost component, so that I would be able to measure each word by adding a ref to it
• measure container width
• group words into array of "lines" that would fit into container without wrapping.

So far I've came up with this solution:
https://codesandbox.io/s/buggy-line-splitter-c2j7b

It kinda works, but it's buggy.

Issues with my solution:

• my lines are wider than they should be, text wraps but it shouldn't.

• i could "fix" issue above by multiplying container width by .9, but I feel that its gonna break sooner or later.

Do you have any ideas how I could improve my solution? Thanks

////////////////////////////////////////////////

I have found the answer to my problem!

Expanding on @Will idea, there is thread with solution to the problem:

Weird issue with styles and element measurement (scrollWidth / scrollWidth) in Gatsby

The font is uploaded into the directory of the child theme and the stylesheet is being called correctly, but the fonts files themselves aren't being applied according to my css declarations. I created a font.css file and I have this code in it.

A function type is higher-rank if a quantifier appears in contravariant position: f :: (forall a. [a] -> b) -> Bool

Regarding the unification of such a type the type variable a is more rigid than b, because the following instantiation rules apply:

• a can be instantiated with a flexible type variable, provided this doesn't allow a to escape its scope
• or with another rigid type variable
• but not with a non-abstract type, because not the caller of foo but foo itself decides what a is, while b is already determined by the caller

However, things get more complicated as soon as subsumption comes into play:

I'm making a font download resource website, and this is my JS and some of my html:

I wanted to make an effect similar to "click and hold" of this page, but with some changes, with svg forms, the point is that I did two functions that do what I wanted to do very well, but at the moment I introduced another svg form, the Data of the effect is transferred to the other, affecting the execution of the functions, the question is, how do I prevent this from happening?

Note: The best way to see what is happening is to let one of the two complete.

Here is an example of what I have programmed

of course I leave you all the code that I have been working

I am trying to have 1 Line Text be on the top line of two line text with the help of CSS or HTML-reconstruction (I am open to either). I have tried with line height, yet that also spaces the two lines further apart... I cannot split the text in two span elements and just have a secondary empty span element for 1-line-items because the text is created dynamically in various languages so I have no way of knowing where it would break (because the font is also not monotype)

Note: There are never more than 2 lines of text

.

Goal ->

.

.

Reality ->

I want to use custom external font (Monotype Corsiva) as Embedded resource in my Xamarin Forms project. I am using Xamarin.Forms version 4.5.0.617

I have added "MonotypeCorsiva.ttf" font file in my project and set Build action: Embedded resource in Solution Explorer.

I have added [assembly: ExportFont("MonotypeCorsiva.ttf", Alias = "MyFont")] in App.xaml.cs

I am using it inside a Label in my XAML page:

...