Comments (8)
Ok, no problem, I found another solution in my case.
from fitty.
@HugoHenault Sorry, not really. I just made the surroundings look nice so it doesn't look bad. Far from perfect, but works for us.
from fitty.
Please supply a test case
from fitty.
Here it is:
https://codepen.io/ciriousjoker/pen/vMEBZN
Set view to side by side and resize until the text wraps into the second line. Notice how the font size stays the same as directly before wrapping.
from fitty.
Ah, okay, now I understand. Fitty simply doesn't rescale wrapped text. It only handles single lines. You'd have to split the line yourself.
from fitty.
Then I don't get how Multiline works. I thought Multiline is the same as Singleline in that it rescales until the minimum font size and when it doesn't work anymore it splits it into two lines and starts from max fitting font size again.
Since it's not that way, do you have any plans to implement that?
from fitty.
It will force text on multiple lines if it no longer fits the container (if minSize reached).
It would require a totally different approach, as I'm super busy with other projects I don't have the time to look into it.
from fitty.
@ciriousjoker Would you mind sharing your solution? I'm also looking for a nice way to do that! Thanks! 🍻
from fitty.
Related Issues (20)
- Textillate.js Support HOT 2
- Use WeakSet to replace fitties arrray HOT 1
- Control line break HOT 5
- no function after Wordpress logout HOT 1
- Wrong method described in README.md HOT 4
- Minify module js HOT 1
- SyntaxError: Unexpected token export HOT 7
- Only fire below a specific screensize HOT 1
- fitty only works zooming in HOT 1
- Export "FittyOptions" interface HOT 1
- oldValue and newValue are NaN HOT 8
- Fitty calculate font-size will cause text to be ellipsed when using `text-overflow: ellipsis` HOT 3
- trying to use fitty with vue 3 and it does nothing with no error? HOT 1
- NextJS not workong HOT 1
- display: none breaks fitting HOT 2
- Specific Font-Families are not properly fitted HOT 1
- Sometimes, it doesn't fit on load. Forced to manually shrink window to re-fit it. HOT 1
- Property 'fitAll' does not exist on type HOT 1
- vw instead of px would work without the need of recalculation on resize HOT 1
- Using fitty synchronously HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fitty.