How to allow user text selection when using cufon / sifr?

Question

Take this site, for example, where the main name is: work with sessions and cookies in PHP and MYSQL with cufon.

http://blog.themeforest.net/tutorials/working-with-sessions-and-cookies-in-php-and-mysql/

I need a way with Javascript (placed in the bookmarklet) to get this header as a user, for example, if you check. Thus, the operation will consist in the fact that the user selects the text and presses the button. But there is no choice, and for this there is no text in the DOM, only some cufon injected material into the canvas.

How is this possible?

Answer 1

Cufon replaces the text with an image, but the text is hidden there for reading from the screen and accessibility. You will see this if you check the element, so that it is in the DOM. You might want to change your CSS so that it is located above or below the cufon text, perhaps with an opacity of 0.01 so that it is not visible, but is selected.

I have not tried this myself, but this is the first thing I tried in this situation :)

Sort of:

cufon cufontext { display: inline-block !important; height: 16px; overflow: visible; text-indent: 0; width: auto; font-size: 16px; opacity: 0.1; position: relative; top: -16px; }