Archief - sIFR, meerdere tags omzetten

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
j

j design

Legacy Member
Hallo iedereen.
Ik ben dan maar beginnen experimenteren met sIFR, een beetje de must voor mensen die niets weten van webfonts en verwachten dat je alles maar op een website krijgt :)

Het probleem is dat ik mijn titels maar ook een class switch wil omzetten naar sIFR.
Op Inet vond ik dit stuk code die ik dan maar gedupliceerd had en eronder heb gezet. Geen goede keuze want nu wordt de lijn van span.switch gebroken.
Ik heb nergens anders in de css een span of .switch gedefinieerd.

Doe ik het fout? Hoe kan het beter?

Bedankt alvast!
Code: 
sIFR.replace(avenir, {
				selector: 'h1'
,css: [
'.sIFR-root { color: #305f64; font-size:25px;}'
]
, wmode: 'transparent'
			});


			sIFR.replace(avenir, {
				selector: '.switch'
,css: [
'.sIFR-root { color: #333; font-size:18px; }'
]
, wmode: 'transparent'
			});

Bijvraag: Opera ondersteund geen sIFR?
j

j design

Legacy Member
Nog een vraag bij,
Ik heb van een andere site een font geleend om eens te testen. Deze was in swf formaat.
Als ik alles wil bekijken krijg ik deze melding?
Movie (436) is incompatible with sifr.js (340). Use movie of 340.
Klik om te vergroten...
C

CyXo

Legacy Member
Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. To achieve this ambitious goal the following requirements were set:

1. No plug-ins required – it can only use features natively supported by the client
2. Compatibility – it has to work on every major browser on the market
3. Ease of use – no or near-zero configuration needed for standard use cases
4. Speed – it has to be fast, even for sufficiently large amounts of text

cufón - fonts for the people
X

Xavez

Legacy Member
Maar het blijft nog steeds niet-selecteerbaar... :). En dat is meteen het grootste pluspunt van sIFR voor de eindgebruikers... Cufón is leuk speelgoed, maar het zal in mijn ogen nooit sIFR kunnen vervangen.

@j design: wat bedoel je met "nu wordt de lijn van span.switch gebroken"? Screenshot Before-after?
j

j design

Legacy Member
Vanavond zal ik de screens erop zetten. Ik heb voorlopig een andere tag gepakt en geen probleem.
Bedankt alvast, ik kom er nog op weer.

Meteen ook een volgende vraag, als ik nu de h2 en h3 dezelfde opmaak wil geven kan ik dan iets in de aard van dit doen?
sIFR.replace(avenir, {
selector: 'h1, h2'
Klik om te vergroten...
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan