Accessibility
Text Size Wrapper is meant to be that small, quiet layer in your project: simple to use, invisible in design, meaningful for the people who rely on it.
Try the buttons below… The text size updates across the page.
Create a free website with Framer, the website builder loved by startups, designers and agencies.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 13.048 2.482 L 20 2.482 L 20 4.469 L 13.048 4.469 Z M 16.595 17.873 L 13.276 17.873 L 11.699 13.278 L 4.826 13.278 L 3.319 17.873 L 0 17.873 L 6.662 0 L 9.984 0 Z M 10.935 10.979 L 8.505 3.683 C 8.404 3.312 8.327 2.935 8.274 2.555 L 8.222 2.555 C 8.171 2.937 8.089 3.314 7.978 3.683 L 5.581 10.978 L 10.934 10.978 Z" fill="rgb(255, 255, 255)" height="17.872975280651247px" id="Hm0o0pjaP" transform="translate(2 3.275)" width="20.00000044266847px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 18.57 20 L 14.856 20 L 13.093 14.856 L 5.401 14.856 L 3.714 20 L 0 20 L 7.455 0 L 11.174 0 Z M 12.237 12.286 L 9.517 4.122 C 9.404 3.706 9.318 3.284 9.259 2.857 L 9.2 2.857 C 9.143 3.285 9.052 3.708 8.928 4.122 L 6.245 12.284 L 12.235 12.284 Z" fill="rgb(255, 255, 255)" height="20px" id="EfTtc9dEG" transform="translate(2.855 2)" width="18.569795056733213px"/></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M 13.048 2.482 L 15.532 2.482 L 15.532 0 L 17.516 0 L 17.516 2.484 L 20 2.484 L 20 4.469 L 17.516 4.469 L 17.516 6.952 L 15.532 6.952 L 15.532 4.468 L 13.048 4.468 L 13.048 2.484 Z M 16.595 17.873 L 13.276 17.873 L 11.699 13.278 L 4.826 13.278 L 3.317 17.873 L 0 17.873 L 6.661 0 L 9.984 0 Z M 10.935 10.979 L 8.505 3.683 C 8.404 3.312 8.327 2.935 8.274 2.555 L 8.222 2.555 C 8.171 2.937 8.089 3.314 7.978 3.683 L 5.581 10.978 L 10.934 10.978 Z" fill="rgb(255, 255, 255)" height="17.87297529058535px" id="cjmyshiwk" transform="translate(2 3.275)" width="20.00000044266848px"/></svg>)