X
Tap here to go to the mobile version of the site.
Your Firefox is out of date and may contain a security risk! Upgrade Firefox

Support Forum

Cedilha da fonte Bebas Neue fica estranho no firefox

Posted

Esse é o meu site.

http://www.mpn.p.ht/wp_br2/

A caixa alta é padrão da própria fonte.

Tentei forçar pra caixa alta, usando text-transform:uppercase.

Note, que o cedilha está estranho, nem parece ser da fonte.

Alguma dica?

Modified by mpn_zep

Chosen solution

Parece que a versão desta fonte que você está usando não possui o glifo do cedilha. Portanto o navegador faz o fallback para uma outra sans-serif que tenha este glifo, no seu caso Helvetica, Verdana ou Arial.

E de fato, baixei uma versão dela do site font squirrel que também não continha o cedilha: www.fontsquirrel.com/fonts/bebas-neue

Porém, a versão otf disponível no proprio site do autor: http://dharmatype.com/dharma-type/bebas-neue.html

Contém o cedilha! Acho que a solução é usar esta versão que contém o glifo.

[]s

Read this answer in context 1

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.0) AppleWebKit/537.31 (KHTML, like Gecko) Chrome/26.0.1410.64 Safari/537.31

More Information

{"libraryVersions": {"NSSSMIME": {"minVersion": "3.14.1.0 Basic ECC", "version": "3.14.1.0 Basic ECC"}, "NSSUTIL": {"minVersion": "3.14.1.0", "version": "3.14.1.0"}, "NSS": {"minVersion": "3.14.1.0 Basic ECC", "version": "3.14.1.0 Basic ECC"}, "NSSSSL": {"minVersion": "3.14.1.0 Basic ECC", "version": "3.14.1.0 Basic ECC"}, "NSPR": {"minVersion": "4.9.4", "version": "4.9.4"}}, "javaScript": {"incrementalGCEnabled": true}, "accessibility": {"forceDisabled": 0, "isActive": false}, "application": {"userAgent": "Mozilla/5.0 (Windows NT 6.0; rv:18.0) Gecko/20100101 Firefox/18.0", "supportURL": "http://support.mozilla.org/1/firefox/18.0.2/WINNT/pt-BR/", "version": "18.0.2", "name": "Firefox"}, "modifiedPreferences": {"browser.places.smartBookmarksVersion": 4, "keyword.URL": "http://search.sweetim.com/search.asp?barid={48E29550-6AFB-11E1-87C5-002354C8E953}&src=2&crg=3.1010000.10000&q=", "browser.cache.disk.capacity": 358400, "dom.mozApps.used": true, "browser.startup.homepage_override.buildID": "20130201065344", "browser.cache.disk.smart_size.first_run": false, "accessibility.typeaheadfind.flashBar": 0, "browser.startup.homepage_override.mstone": "18.0.2", "places.history.expiration.transient_current_max_pages": 53439, "browser.tabs.warnOnClose": false, "extensions.lastAppVersion": "18.0.2", "browser.cache.disk.smart_size_cached_value": 358400, "browser.cache.disk.smart_size.use_old_max": false, "browser.startup.homepage": "http://websearch.mocaflix.com/", "privacy.sanitize.migrateFx3Prefs": true, "network.cookie.prefsMigrated": true, "places.database.lastMaintenance": 1360523348}, "extensions": [{"version": "1.11.2", "name": "Firebug", "isActive": true, "id": "firebug@software.joehewitt.com"}, {"version": "0.9.89", "name": "JavaScript Debugger", "isActive": true, "id": "{f13b157f-b174-47e7-a34d-4815ddfdfeb8}"}, {"version": "1.1a", "name": "Troubleshooter", "isActive": true, "id": "troubleshooter@mozilla.org"}, {"version": "1.0", "name": "Hotspot Shield Helper (Please allow this installation)", "isActive": false, "id": "afurladvisor@anchorfree.com"}, {"version": "0.0.0", "name": "Microsoft .NET Framework Assistant", "isActive": false, "id": "{20a82645-c095-46ed-80e3-08825760534b}"}, {"version": "2", "name": "SaveAs", "isActive": false, "id": "50b655dd12492@50b655dd124d9.com"}, {"version": "1.0", "name": "Search Helper Extension", "isActive": false, "id": "{27182e60-b5f3-411c-b545-b44205977502}"}, {"version": "6.3.0.11079", "name": "Skype Click to Call", "isActive": false, "id": "{82AF8DCA-6DE9-405D-BD5E-43525BDAD38A}"}, {"version": "1.9.0.0", "name": "SweetPacks Toolbar for Firefox", "isActive": false, "id": "{EEE6C361-6118-11DC-9C72-001320C79847}"}], "graphics": {"directWriteEnabled": false, "driverDate": "1-2-2008", "adapterVendorID2": "", "driverVersion": "7.14.10.1409", "numAcceleratedWindowsMessage": ["tryNewerDriver", "7.1400.1000.1504"], "driverDate2": "", "adapterDeviceID": "0x2772", "adapterDescription": "Intel(R) 82945G Express Chipset Family", "directWriteVersion": "7.0.6002.18592", "webglRendererMessage": ["tryNewerDriver", "7.1400.1000.1504"], "driverVersion2": "", "adapterVendorID": "0x8086", "direct2DEnabled": false, "adapterRAM": "Unknown", "adapterDrivers2": "", "isGPU2Active": false, "adapterRAM2": "", "numTotalWindows": 1, "direct2DEnabledMessage": ["blockedDriver"], "info": {"AzureContentBackend": "none", "AzureCanvasBackend": "cairo", "AzureFallbackCanvasBackend": "none"}, "numAcceleratedWindows": 0, "windowLayerManagerType": "Basic", "adapterDeviceID2": "", "adapterDrivers": "igdumd32", "adapterDescription2": ""}}

Fabricio Zuardi 13 solutions 74 answers

Chosen Solution

Parece que a versão desta fonte que você está usando não possui o glifo do cedilha. Portanto o navegador faz o fallback para uma outra sans-serif que tenha este glifo, no seu caso Helvetica, Verdana ou Arial.

E de fato, baixei uma versão dela do site font squirrel que também não continha o cedilha: www.fontsquirrel.com/fonts/bebas-neue

Porém, a versão otf disponível no proprio site do autor: http://dharmatype.com/dharma-type/bebas-neue.html

Contém o cedilha! Acho que a solução é usar esta versão que contém o glifo.

[]s

Fabricio Zuardi 13 solutions 74 answers

Helpful Reply

Ah, e para que pessoas sem a fonte vejam com a fonte que vc deseja, você precisa incluir ela no seu css usando @font-face:

https://developer.mozilla.org/en-US/docs/CSS/@font-face