Archief - Vraagje over speciale fonts

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.
B

Big_

Legacy Member
Hey,

Als je in een speciaal font wilt werken maar de bezoeker heeft dit niet op zijn PC is die tekst dan ook niet zichtbaar heb ik begrepen, wat is hier een oplossing voor?

Ik werk met Dreamweaver.

Mvg
S

SilverStarke

Legacy Member
Het is inderdaad niet zichtbaar als jij het op uw pc hebt staan en de bezoeker niet. Er is een leuke oplossing via google webfonts

Google Web Fonts

Als je hier een uit kiest dan ziet de persoon ze wel ook al heeft hij/zij het niet op de PC staan.
D

Dr. Sheldon Cooper

Legacy Member
Enige oplossing is ze vectorieel zetten denk ik
S

SilverStarke

Legacy Member
Afhankelijk van de doelgroep van zijn websites, maar er zijn nog heel veel mensen met IE7 waar er nog veel van die dingen niet werken...
B

Big_

Legacy Member
Bedankt voor de snelle replies, ik zal dan maar 1 van de google webfonts gebruiken.
B

Big_

Legacy Member
Wat raad je dan aan? ik studeer nog maar een jaar webdesign en in school hebben we met het adobe pakket leren werken.

En ik heb nog een vraag.
Ik heb dus een div met een image in, niet in background want er zit een link op die image. Maar ik zou nu graag die image op hover doen veranderen, ik heb al zitten googlen maar alles gaat over images die als achtergrond staan, dan is het simpel maar dan kan je geen link toevoegen..

html:

<div class="TEST"><a href="http://www.link.com" target="_new"><img src="images/xxx.jpg" width="263" height="506" alt="xxx" /></div>

css:

.blok_links {
background-color: #000;
float: left;
height: 550px;
width: 280px;
margin-top: 20px;
margin-left: 20px;
margin-right: 10px;
text-align: center;
}
D

Drone

Legacy Member
Big_ zei:
Wat raad je dan aan? ik studeer nog maar een jaar webdesign en in school hebben we met het adobe pakket leren werken.

En ik heb nog een vraag.
Ik heb dus een div met een image in, niet in background want er zit een link op die image. Maar ik zou nu graag die image op hover doen veranderen, ik heb al zitten googlen maar alles gaat over images die als achtergrond staan, dan is het simpel maar dan kan je geen link toevoegen..

html:

<div class="TEST"><a href="http://www.link.com" target="_new"><img src="images/xxx.jpg" width="263" height="506" alt="xxx" /></div>

css:

.blok_links {
background-color: #000;
float: left;
height: 550px;
width: 280px;
margin-top: 20px;
margin-left: 20px;
margin-right: 10px;
text-align: center;
}
Klik om te vergroten...

Ofwel javascript ofwel background image op <a> zetten en dan met :hover veranderen.
K

KingOfWoods

Legacy Member
Big_ zei:
Wat raad je dan aan? ik studeer nog maar een jaar webdesign en in school hebben we met het adobe pakket leren werken.

html:

<div class="TEST"><a href="http://www.link.com" target="_new"><img src="images/xxx.jpg" width="263" height="506" alt="xxx" /></div>

css:

.blok_links {
background-color: #000;
float: left;
height: 550px;
width: 280px;
margin-top: 20px;
margin-left: 20px;
margin-right: 10px;
text-align: center;
}
Klik om te vergroten...

Mss dat dreamweaver tegenwoordig verbeterd is, maar enkele jaren geleden trok dat op geen ol. Dat was een goed programma voor de papa die is vlug een website wou ineen steken zonder echt kennis te hebben van html, maar ik type mijn code uiteindelijk allemaal zelf in notepad++ of sublime. Dreamweaver heeft/had de neiging om nogal veel onnodige zaken bij te voegen en vriendje google heeft dat niet zo graag.

Anyway, voor uw probleem met de image.

<div class="TEST">
<a href="http://www.link.com" target="_new" id="mijn_image_link"></a>
</div>

en in css:

#mijn_image_link {
background-image:url('mijnImage.jpg');
width: x px;
height: x px
}

#mijn_image_link:hover {
background-image:url('mijnImageAlsIkErOverGa.jpg');
}

of kan ook in javascript
JavaScript:Tutorial, MouseOver Image Change - Javascript Tutorials - CODECALL
B

Big_

Legacy Member
Ik heb dit gedaan maar het werkt niet.




<div id="content">
<a href="http://www.essteeexports.com" target="_new" id="essteeblok"></a>
</div>


CSS:

#essteeblok {
background-image: url(images/esstee_blok.jpg);
width: 263 px;
height: 506 px;
}


#essteeblok:hover {
background-image: url(images/esstee_blok_active.jpg);
}
K

KingOfWoods

Legacy Member
doe er is een display: inline-block; bij op uw essteeblok
K

KingOfWoods

Legacy Member
Kunnen we de website ergens bekijken? Is toch makkelijker werken. Bij mij werkt het nochtans wel op deze manier. Welke browser gebruik je?
B

Big_

Legacy Member
Streaker zei:
Kunnen we de website ergens bekijken? Is toch makkelijker werken. Bij mij werkt het nochtans wel op deze manier. Welke browser gebruik je?
Klik om te vergroten...

Ik heb je PM gekregen en heb je de website doorgestuurd via mail.
g

groovix

Legacy Member
Voorbeeld van Fontface:

@font-face {
font-family: 'PTSansRegular';
src: url('fonts/ptsans/PTS55F-webfont.eot');
src: url('fonts/ptsans/PTS55F-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/ptsans/PTS55F-webfont.woff') format('woff'),
url('fonts/ptsans/PTS55F-webfont.ttf') format('truetype'),
url('fonts/ptsans/PTS55F-webfont.svg#PTSansRegular') format('svg');
font-weight: normal;
font-style: normal;

}

Voor Firefox op Windows maak je nog een wijziging in de .htaccess zodat hij deze TTF fonts kan laden:

<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
K

KingOfWoods

Legacy Member
check mail.

Het was dus de px die niet aan de getallen stond. Spacies mogen dus niet.
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