X
Πατήστε εδώ για μετάβαση στην έκδοση της ιστοσελίδας για κινητές συσκευές.

Φόρουμ υποστήριξης

Font appears messed up only on Mozilla, only on one PC

Δημοσιεύτηκε

Hello!

So, I was working on a new blog on which I'm using the Rubik font from Google fonts.

Everything was fine for several days, but today, after working for some time on it, the font just got messed up randomly (see attached image).

I added the font on a different, testing site and it shows messed up there as well, so it's not something website related.

Now, the shocking part is that it gets messed up only on Mozilla and only on the Mozilla browser that's on my Desktop PC.

I asked a friend to check it out and I also checked it out on my laptop, and the font is fine on other Mozilla browsers, as well as other browsers.

Other fonts from other websites are fine as well.

What troubleshooting I performed:

- Checked the font with Inspect Element, as it's shown here: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_fonts and the font is set up correctly;

- Deleted the whole history since the beginning of time (cookies, cache, everything);

- Closed and opened Firefox again;

- Opened Mozilla in Safe Mode (hardware acceleration is disabled by default in safe mode);

- Restarted my PC;

- Uninstalled Mozilla as it shows here - https://support.mozilla.org/en-US/kb/uninstall-firefox-from-your-computer. Deleted the profile folder and everything.

- Installed a fresh copy again with no add-ons, no nothing.

Nothing worked. That font is still messed up on Mozilla, on this PC.

It doesn't make any sense, especially since it went nuts randomly without a particular reason.

Does anyone have an idea of what could be the problem and how to fix it?

Any help would be appreciated!

Thanks!

Hello! So, I was working on a new blog on which I'm using the Rubik font from Google fonts. Everything was fine for several days, but today, after working for some time on it, the font just got messed up randomly (see attached image). I added the font on a different, testing site and it shows messed up there as well, so it's not something website related. Now, the shocking part is that it gets messed up only on Mozilla and only on the Mozilla browser that's on my Desktop PC. I asked a friend to check it out and I also checked it out on my laptop, and the font is fine on other Mozilla browsers, as well as other browsers. Other fonts from other websites are fine as well. What troubleshooting I performed: - Checked the font with Inspect Element, as it's shown here: https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Edit_fonts and the font is set up correctly; - Deleted the whole history since the beginning of time (cookies, cache, everything); - Closed and opened Firefox again; - Opened Mozilla in Safe Mode (hardware acceleration is disabled by default in safe mode); - Restarted my PC; - Uninstalled Mozilla as it shows here - https://support.mozilla.org/en-US/kb/uninstall-firefox-from-your-computer. Deleted the profile folder and everything. - Installed a fresh copy again with no add-ons, no nothing. Nothing worked. That font is still messed up on Mozilla, on this PC. It doesn't make any sense, especially since it went nuts randomly without a particular reason. Does anyone have an idea of what could be the problem and how to fix it? Any help would be appreciated! Thanks!
Συνημμένα στιγμιότυπα

Επιλεγμένη λύση

Running out of guesses... Is it possible this PC has a locally installed copy of Rubik in the Windows font folder that Firefox might be using instead of the downloadable version??

Ανάγνωση απάντησης σε πλαίσιο 1

Επιπρόσθετες λεπτομέρειες συστήματος

Εγκατεστημένα αρθρώματα

  • Shockwave Flash 31.0 r0

Εφαρμογή

  • Firefox 63.0.3
  • Πλατφόρμα χρήστη: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:63.0) Gecko/20100101 Firefox/63.0
  • URL υποστήριξης: https://support.mozilla.org/1/firefox/63.0.3/WINNT/en-US/

Επεκτάσεις

  • Bitdefender Wallet 21.1.10 (bdwtwe@bitdefender.com)

Javascript

  • incrementalGCEnabled: True

Γραφικά

  • adapterDescription: NVIDIA GeForce GTX 1050 Ti
  • adapterDescription2:
  • adapterDeviceID: 0x1c82
  • adapterDeviceID2:
  • adapterDrivers: C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_52ac7eb8f32780d5\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_52ac7eb8f32780d5\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_52ac7eb8f32780d5\nvldumdx.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_52ac7eb8f32780d5\nvldumdx.dll C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_52ac7eb8f32780d5\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_52ac7eb8f32780d5\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_52ac7eb8f32780d5\nvldumd.dll,C:\WINDOWS\System32\DriverStore\FileRepository\nv_dispi.inf_amd64_52ac7eb8f32780d5\nvldumd.dll
  • adapterDrivers2:
  • adapterRAM: 4096
  • adapterRAM2:
  • adapterSubsysID: 00000000
  • adapterSubsysID2:
  • adapterVendorID: 0x10de
  • adapterVendorID2:
  • contentUsesTiling: False
  • crashGuards: []
  • direct2DEnabled: True
  • directWriteEnabled: True
  • directWriteVersion: 10.0.17134.376
  • driverDate: 7-30-2018
  • driverDate2:
  • driverVersion: 24.21.13.9882
  • driverVersion2:
  • featureLog: {u'fallbacks': [], u'features': [{u'status': u'available', u'description': u'Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'HW_COMPOSITING'}, {u'status': u'available', u'description': u'Direct3D11 Compositing', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_COMPOSITING'}, {u'status': u'available', u'description': u'Direct2D', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'DIRECT2D'}, {u'status': u'available', u'description': u'Direct3D11 hardware ANGLE', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'D3D11_HW_ANGLE'}, {u'status': u'available', u'description': u'GPU Process', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'GPU_PROCESS'}, {u'status': u'opt-in', u'description': u'WebRender', u'log': [{u'status': u'opt-in', u'message': u'WebRender is an opt-in feature', u'type': u'default'}], u'name': u'WEBRENDER'}, {u'status': u'available', u'description': u'WebRender qualified', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'WEBRENDER_QUALIFIED'}, {u'status': u'available', u'description': u'Off Main Thread Painting', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'OMTP'}, {u'status': u'available', u'description': u'Advanced Layers', u'log': [{u'status': u'available', u'type': u'default'}], u'name': u'ADVANCED_LAYERS'}]}
  • info: {u'AzureContentBackend (UI Process)': u'skia', u'AzureCanvasBackend (UI Process)': u'skia', u'ApzWheelInput': 1, u'ApzDragInput': 1, u'ApzKeyboardInput': 1, u'AzureFallbackCanvasBackend (UI Process)': u'cairo', u'ApzAutoscrollInput': 1, u'AzureCanvasAccelerated': 0, u'AzureCanvasBackend': u'direct2d 1.1', u'AzureContentBackend': u'direct2d 1.1'}
  • isGPU2Active: False
  • numAcceleratedWindows: 1
  • numTotalWindows: 1
  • offMainThreadPaintEnabled: True
  • offMainThreadPaintWorkerCount: 4
  • usesTiling: False
  • webgl1DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_explicit_context GL_ANGLE_explicit_context_gles1 GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object OES_compressed_EAC_R11_signed_texture OES_compressed_EAC_R11_unsigned_texture OES_compressed_EAC_RG11_signed_texture OES_compressed_EAC_RG11_unsigned_texture OES_compressed_ETC2_RGB8_texture OES_compressed_ETC2_RGBA8_texture OES_compressed_ETC2_punchthroughA_RGBA8_texture OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture OES_compressed_ETC2_sRGB8_alpha8_texture OES_compressed_ETC2_sRGB8_texture
  • webgl1Extensions: ANGLE_instanced_arrays EXT_blend_minmax EXT_color_buffer_half_float EXT_frag_depth EXT_sRGB EXT_shader_texture_lod EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_element_index_uint OES_standard_derivatives OES_texture_float OES_texture_float_linear OES_texture_half_float OES_texture_half_float_linear OES_vertex_array_object WEBGL_color_buffer_float WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_depth_texture WEBGL_draw_buffers WEBGL_lose_context
  • webgl1Renderer: Google Inc. -- ANGLE (NVIDIA GeForce GTX 1050 Ti Direct3D11 vs_5_0 ps_5_0)
  • webgl1Version: OpenGL ES 2.0 (ANGLE 2.1.0.ae3b5a6552ee)
  • webgl1WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 00000000000093a0) EGL_VERSION: 1.4 (ANGLE 2.1.0.ae3b5a6552ee) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses EGL_ANGLE_explicit_context
  • webgl2DriverExtensions: GL_ANGLE_client_arrays GL_ANGLE_depth_texture GL_ANGLE_explicit_context GL_ANGLE_explicit_context_gles1 GL_ANGLE_framebuffer_blit GL_ANGLE_framebuffer_multisample GL_ANGLE_instanced_arrays GL_ANGLE_lossy_etc_decode GL_ANGLE_multiview GL_ANGLE_pack_reverse_row_order GL_ANGLE_program_cache_control GL_ANGLE_request_extension GL_ANGLE_robust_client_memory GL_ANGLE_texture_compression_dxt3 GL_ANGLE_texture_compression_dxt5 GL_ANGLE_texture_usage GL_ANGLE_translated_shader_source GL_CHROMIUM_bind_generates_resource GL_CHROMIUM_bind_uniform_location GL_CHROMIUM_color_buffer_float_rgb GL_CHROMIUM_color_buffer_float_rgba GL_CHROMIUM_copy_compressed_texture GL_CHROMIUM_copy_texture GL_CHROMIUM_sync_query GL_EXT_blend_minmax GL_EXT_color_buffer_float GL_EXT_color_buffer_half_float GL_EXT_debug_marker GL_EXT_discard_framebuffer GL_EXT_disjoint_timer_query GL_EXT_draw_buffers GL_EXT_frag_depth GL_EXT_map_buffer_range GL_EXT_occlusion_query_boolean GL_EXT_read_format_bgra GL_EXT_robustness GL_EXT_sRGB GL_EXT_shader_texture_lod GL_EXT_texture_compression_dxt1 GL_EXT_texture_compression_s3tc_srgb GL_EXT_texture_filter_anisotropic GL_EXT_texture_format_BGRA8888 GL_EXT_texture_norm16 GL_EXT_texture_rg GL_EXT_texture_storage GL_EXT_unpack_subimage GL_KHR_debug GL_KHR_robust_buffer_access_behavior GL_NV_EGL_stream_consumer_external GL_NV_fence GL_NV_pack_subimage GL_NV_pixel_buffer_object GL_OES_EGL_image GL_OES_EGL_image_external GL_OES_EGL_image_external_essl3 GL_OES_compressed_ETC1_RGB8_texture GL_OES_depth32 GL_OES_element_index_uint GL_OES_get_program_binary GL_OES_mapbuffer GL_OES_packed_depth_stencil GL_OES_rgb8_rgba8 GL_OES_standard_derivatives GL_OES_surfaceless_context GL_OES_texture_float GL_OES_texture_float_linear GL_OES_texture_half_float GL_OES_texture_half_float_linear GL_OES_texture_npot GL_OES_vertex_array_object OES_compressed_EAC_R11_signed_texture OES_compressed_EAC_R11_unsigned_texture OES_compressed_EAC_RG11_signed_texture OES_compressed_EAC_RG11_unsigned_texture OES_compressed_ETC2_RGB8_texture OES_compressed_ETC2_RGBA8_texture OES_compressed_ETC2_punchthroughA_RGBA8_texture OES_compressed_ETC2_punchthroughA_sRGB8_alpha_texture OES_compressed_ETC2_sRGB8_alpha8_texture OES_compressed_ETC2_sRGB8_texture
  • webgl2Extensions: EXT_color_buffer_float EXT_texture_filter_anisotropic EXT_disjoint_timer_query OES_texture_float_linear WEBGL_compressed_texture_s3tc WEBGL_compressed_texture_s3tc_srgb WEBGL_debug_renderer_info WEBGL_debug_shaders WEBGL_lose_context
  • webgl2Renderer: Google Inc. -- ANGLE (NVIDIA GeForce GTX 1050 Ti Direct3D11 vs_5_0 ps_5_0)
  • webgl2Version: OpenGL ES 3.0 (ANGLE 2.1.0.ae3b5a6552ee)
  • webgl2WSIInfo: EGL_VENDOR: Google Inc. (adapter LUID: 00000000000093a0) EGL_VERSION: 1.4 (ANGLE 2.1.0.ae3b5a6552ee) EGL_EXTENSIONS: EGL_EXT_create_context_robustness EGL_ANGLE_d3d_share_handle_client_buffer EGL_ANGLE_d3d_texture_client_buffer EGL_ANGLE_surface_d3d_texture_2d_share_handle EGL_ANGLE_query_surface_pointer EGL_ANGLE_window_fixed_size EGL_ANGLE_keyed_mutex EGL_ANGLE_surface_orientation EGL_ANGLE_direct_composition EGL_NV_post_sub_buffer EGL_KHR_create_context EGL_EXT_device_query EGL_KHR_image EGL_KHR_image_base EGL_KHR_gl_texture_2D_image EGL_KHR_gl_texture_cubemap_image EGL_KHR_gl_renderbuffer_image EGL_KHR_get_all_proc_addresses EGL_KHR_stream EGL_KHR_stream_consumer_gltexture EGL_NV_stream_consumer_gltexture_yuv EGL_ANGLE_flexible_surface_compatibility EGL_ANGLE_stream_producer_d3d_texture EGL_ANGLE_create_context_webgl_compatibility EGL_CHROMIUM_create_context_bind_generates_resource EGL_CHROMIUM_sync_control EGL_EXT_pixel_format_float EGL_KHR_surfaceless_context EGL_ANGLE_display_texture_share_group EGL_ANGLE_create_context_client_arrays EGL_ANGLE_program_cache_control EGL_ANGLE_robust_resource_initialization EGL_ANGLE_create_context_extensions_enabled EGL_EXTENSIONS(nullptr): EGL_EXT_client_extensions EGL_EXT_platform_base EGL_EXT_platform_device EGL_ANGLE_platform_angle EGL_ANGLE_platform_angle_d3d EGL_ANGLE_device_creation EGL_ANGLE_device_creation_d3d11 EGL_ANGLE_experimental_present_path EGL_KHR_client_get_all_proc_addresses EGL_ANGLE_explicit_context
  • windowLayerManagerRemote: True
  • windowLayerManagerType: Direct3D 11
  • windowUsingAdvancedLayers: True

Τροποποιημένες προτιμήσεις

Διάφορα

  • JS Χρήστη: Όχι
  • Προσβασιμότητα: Ναι
jscher2000
  • Top 10 Contributor
8776 λύσεις 71744 απαντήσεις
Δημοσιεύτηκε

What strikes me about the Firefox side of your screenshot is that letters look a bit "squashed" vertically. I don't know what could cause that. Do you have a page online that demonstrates the problem?

When I compare Firefox and Chrome on https://fonts.google.com/specimen/Rubik (changing the body text to Rubik), the Chrome rendering is a bit lighter, and the Firefox rendering has the characteristic heavier sub-pixel anti-aliasing. (Comparison attached.) what kind of result do you get on that page?

Firefox uses Windows ClearType for font smoothing, and takes advantage of hardware acceleration for best results. If you see the identical rendering between Firefox's Safe Mode and regular mode, there could be a problem with hardware acceleration not working normally. However, the diagnostic info you shared shows:

  • direct2DEnabled: True
  • directWriteEnabled: True

So I think hardware acceleration is at least running.

Firefox has settings that could affect font rendering you can view in about:config:

(1) In a new tab, type or paste about:config in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk.

(2) In the search box above the list, type or paste font_r and pause while the list is filtered

(3) Preferences with non-default values typically are bolded and show a status of "Modified" -- you can restore the original value using right-click > Reset

What strikes me about the Firefox side of your screenshot is that letters look a bit "squashed" vertically. I don't know what could cause that. Do you have a page online that demonstrates the problem? When I compare Firefox and Chrome on https://fonts.google.com/specimen/Rubik (changing the body text to Rubik), the Chrome rendering is a bit lighter, and the Firefox rendering has the characteristic heavier sub-pixel anti-aliasing. (Comparison attached.) what kind of result do you get on that page? Firefox uses Windows ClearType for font smoothing, and takes advantage of hardware acceleration for best results. If you see the identical rendering between Firefox's Safe Mode and regular mode, there could be a problem with hardware acceleration not working normally. However, the diagnostic info you shared shows: * direct2DEnabled: True * directWriteEnabled: True So I think hardware acceleration is at least running. Firefox has settings that could affect font rendering you can view in about:config: (1) In a new tab, type or paste '''about:config''' in the address bar and press Enter/Return. Click the button promising to be careful or accepting the risk. (2) In the search box above the list, type or paste '''font_r''' and pause while the list is filtered (3) Preferences with non-default values typically are bolded and show a status of "Modified" -- you can restore the original value using right-click > Reset
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

Thanks for your fast reply!

#1. I know that fonts can be slightly different on different browsers. I'm well aware of that.

The thing is that I'm not talking about Mozilla vs other browsers. I'm talking about Mozilla on my PC vs Mozilla on other PCs.

In my attached image, it's the font on Mozilla on other PCs and my own before it changed (left) vs Mozilla on my PC now (right), after it got messed up.

It worked fine on my PC until today. It just suddenly changed. That image is basically a before and after.

For example, if I check that font (the Light 300 version) on different websites, on my laptop, using Mozilla, it looks fine, as you can see on my image, on the left.

If I ask a friend to check it out using Mozilla, it looks fine. If you check it out using Mozilla, it will look fine.

That's because the problem seems to only be with the Mozilla browser that's on my desktop PC, not on other devices as well.

That's what makes the issue so strange and senseless. The same font that looks fine on other Mozilla browsers from other devices, looks messed up on my PC.

#2. The diagnostic info I shared is the one from the new, fresh Mozilla installation.

As I mentioned above, I did perform a Safe Mode troubleshooting, which disables hardware acceleration by default. So, that can be excluded.

#3. I checked about:config and everything's set to default.

I literally have no idea what could cause this.

Thanks for your fast reply! '''#1'''. I know that fonts can be slightly different on different browsers. I'm well aware of that. The thing is that I'm not talking about Mozilla vs other browsers. I'm talking about Mozilla on my PC vs Mozilla on other PCs. In my attached image, it's the font on Mozilla on other PCs and my own before it changed (left) vs Mozilla on my PC now (right), after it got messed up. It worked fine on my PC until today. It just suddenly changed. That image is basically a before and after. For example, if I check that font (the Light 300 version) on different websites, on my laptop, using Mozilla, it looks fine, as you can see on my image, on the left. If I ask a friend to check it out using Mozilla, it looks fine. If you check it out using Mozilla, it will look fine. That's because the problem seems to only be with the Mozilla browser that's on my desktop PC, not on other devices as well. That's what makes the issue so strange and senseless. The same font that looks fine on other Mozilla browsers from other devices, looks messed up on my PC. '''#2.''' The diagnostic info I shared is the one from the new, fresh Mozilla installation. As I mentioned above, I did perform a Safe Mode troubleshooting, which disables hardware acceleration by default. So, that can be excluded. '''#3.''' I checked '''about:config''' and everything's set to default. I literally have no idea what could cause this.
jscher2000
  • Top 10 Contributor
8776 λύσεις 71744 απαντήσεις
Δημοσιεύτηκε

Could you try:

New Profile Test

This takes about 3 minutes, plus the time to test your problem font.

Inside Firefox, type or paste about:profiles in the address bar and press Enter/Return to load it.

Click the Create a New Profile button, then click Next. Assign a name like Nov2018, ignore the option to relocate the profile folder, and click the Finish button.

After creating the profile, scroll down to it and click the Set as default profile button below that profile, then scroll back up and click the Restart normally button. (There are some other buttons, but please ignore them.)

Firefox should exit and then start up using the new profile, which will just look brand new. Please ignore any tabs enticing you to connect to a Sync account or to activate extensions found on your system so we can get a clean test.

Does the font render any differently in the new profile?

When you are done with the experiment, open the about:profiles page again, click the Set as default profile button for your normal profile, then click the Restart normally button to get back to it.

Could you try: '''New Profile Test''' This takes about 3 minutes, plus the time to test your problem font. Inside Firefox, type or paste '''about:profiles''' in the address bar and press Enter/Return to load it. Click the Create a New Profile button, then click Next. Assign a name like Nov2018, ignore the option to relocate the profile folder, and click the Finish button. After creating the profile, scroll down to it and click the '''Set as default profile''' button below that profile, then scroll back up and click the '''Restart normally''' button. (There are some other buttons, but please ignore them.) Firefox should exit and then start up using the new profile, which will just look brand new. Please ignore any tabs enticing you to connect to a Sync account or to activate extensions found on your system so we can get a clean test. ''Does the font render any differently in the new profile?'' When you are done with the experiment, open the about:profiles page again, click the '''Set as default profile''' button for your normal profile, then click the '''Restart normally''' button to get back to it.
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

Did it, but there's no change.

I also did this when I troubleshoot the issue since I completely uninstalled Mozilla and deleted the Firefox folder from the AppData folder.

This issue is definitely one for the books.

Did it, but there's no change. I also did this when I troubleshoot the issue since I completely uninstalled Mozilla and deleted the Firefox folder from the AppData folder. This issue is definitely one for the books.
jscher2000
  • Top 10 Contributor
8776 λύσεις 71744 απαντήσεις
Δημοσιεύτηκε

Επιλεγμένη λύση

Running out of guesses... Is it possible this PC has a locally installed copy of Rubik in the Windows font folder that Firefox might be using instead of the downloadable version??

Running out of guesses... Is it possible this PC has a locally installed copy of Rubik in the Windows font folder that Firefox might be using instead of the downloadable version??
cor-el
  • Top 10 Contributor
  • Moderator
17541 λύσεις 158609 απαντήσεις
Δημοσιεύτηκε

Does this also happen on the Google website (I'm not sure you confirmed this)?

Did you confirm on the Font tab in the Inspector that Firefox is using the Rubik font?

Does this also happen on the Google website (I'm not sure you confirmed this)? *https://fonts.google.com/?query=rubik Did you confirm on the Font tab in the Inspector that Firefox is using the Rubik font?
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

jscher2000 said

Running out of guesses... Is it possible this PC has a locally installed copy of Rubik in the Windows font folder that Firefox might be using instead of the downloadable version??

That's it! I would have never thought of that! Thank you!

I had the Rubik font installed in Windows as well, to use it in Photoshop for the logo, and for some reason, Firefox decided to use that or create some sort of conflict.

It's very weird because this never happened before, and I always install fonts locally for Photoshop.

I don't know why it decided to do this for this particular font and after several days, not from the start.

Is there a way to prevent this from happening in the future? A setting in Firefox or something?

Thanks again! I appreciate it!

''jscher2000 [[#answer-1176932|said]]'' <blockquote> Running out of guesses... Is it possible this PC has a locally installed copy of Rubik in the Windows font folder that Firefox might be using instead of the downloadable version?? </blockquote> That's it! I would have never thought of that! Thank you! I had the Rubik font installed in Windows as well, to use it in Photoshop for the logo, and for some reason, Firefox decided to use that or create some sort of conflict. It's very weird because this never happened before, and I always install fonts locally for Photoshop. I don't know why it decided to do this for this particular font and after several days, not from the start. Is there a way to prevent this from happening in the future? A setting in Firefox or something? Thanks again! I appreciate it!
cor-el
  • Top 10 Contributor
  • Moderator
17541 λύσεις 158609 απαντήσεις
Δημοσιεύτηκε

I think that the Font tab in the Inspector would have stated that a local version and not a remote version of the Rubik font was used.

I think that the Font tab in the Inspector would have stated that a local version and not a remote version of the Rubik font was used.
jscher2000
  • Top 10 Contributor
8776 λύσεις 71744 απαντήσεις
Δημοσιεύτηκε

Deleting the local font may be an effective workaround, but I don't know why it stopped working. I imagine something was weird with the metrics, and that caused Firefox to squash it, but I don't know where that information comes from for local vs. downloaded fonts.

Deleting the local font may be an effective workaround, but I don't know why it stopped working. I imagine something was weird with the metrics, and that caused Firefox to squash it, but I don't know where that information comes from for local vs. downloaded fonts.
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

cor-el said

I think that the Font tab in the Inspector would have stated that a local version and not a remote version of the Rubik font was used.

I checked that before when it was messed up and now when it's fixed.

Just to be sure, I reinstalled the font locally to mess it up, used Inspect Element again, and it shows the same thing on both cases (see attached).

Perhaps I didn't look in the right spot...

''cor-el [[#answer-1176946|said]]'' <blockquote> I think that the Font tab in the Inspector would have stated that a local version and not a remote version of the Rubik font was used. </blockquote> I checked that before when it was messed up and now when it's fixed. Just to be sure, I reinstalled the font locally to mess it up, used Inspect Element again, and it shows the same thing on both cases (see attached). Perhaps I didn't look in the right spot...

Τροποποιήθηκε στις από το χρήστη Radu_B

jscher2000
  • Top 10 Contributor
8776 λύσεις 71744 απαντήσεις
Δημοσιεύτηκε

Radu_B said

Perhaps I didn't look in the right spot...

Looks like they moved the path information down into the "All fonts on page" section, which might cause some ambiguities from time to time...

''Radu_B [[#answer-1176953|said]]'' <blockquote> Perhaps I didn't look in the right spot... </blockquote> Looks like they moved the path information down into the "All fonts on page" section, which might cause some ambiguities from time to time...
cor-el
  • Top 10 Contributor
  • Moderator
17541 λύσεις 158609 απαντήσεις
Δημοσιεύτηκε

It looks that you currently need to click "all fonts on page" to see more information about the origin of each font (URL or System font).

It looks that you currently need to click "all fonts on page" to see more information about the origin of each font (URL or System font).
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

Yep, I didn't look there, unfortunately.

When I have Rubik installed locally as well, it says "System" in the "All fonts on page" section.

Even if I would have seen it, I'm not sure that the penny would have dropped :).

Thank you!

Yep, I didn't look there, unfortunately. When I have Rubik installed locally as well, it says "System" in the "All fonts on page" section. Even if I would have seen it, I'm not sure that the penny would have dropped :). Thank you!

Τροποποιήθηκε στις από το χρήστη Radu_B

cor-el
  • Top 10 Contributor
  • Moderator
17541 λύσεις 158609 απαντήσεις
Δημοσιεύτηκε

Thanks for confirming that it is possible to see whether a local or remote font is used.

Thanks for confirming that it is possible to see whether a local or remote font is used.
cor-el
  • Top 10 Contributor
  • Moderator
17541 λύσεις 158609 απαντήσεις
Δημοσιεύτηκε

Maybe the font that was installed locally is an older version.

Maybe the font that was installed locally is an older version.
Δημοσιεύτηκε

Ιδιοκτήτης ερώτησης

Could be. I downloaded it from Font Squirrel.

Could be. I downloaded it from Font Squirrel.
AwesomeFresh 0 λύσεις 2 απαντήσεις
Δημοσιεύτηκε

In my experience, local font files typically cause this problem. I've experienced it in both Firefox and Chrome. While browser extensions can solve the problem with varying degree of success, the best solution is to uninstall the offending font file. Typically it's Helvetica or another commonly used font. You can ID the font in question definitively with Inspect Element.

In the future you can install the font briefly when you need it and uninstall it when you're done.

Another possibility is that renaming the font could make it unique enough such that it's not accidentally called by your browser.

In my experience, local font files typically cause this problem. I've experienced it in both Firefox and Chrome. While browser extensions can solve the problem with varying degree of success, the best solution is to uninstall the offending font file. Typically it's Helvetica or another commonly used font. You can ID the font in question definitively with Inspect Element. In the future you can install the font briefly when you need it and uninstall it when you're done. Another possibility is that renaming the font could make it unique enough such that it's not accidentally called by your browser.
zambala 0 λύσεις 1 απαντήσεις
Δημοσιεύτηκε

I got exactly the same problem;

and Mozilla is now confusing my webfont with Times NEW Roman on system; and system says - you cannot delete System font (Times New Roman); and what should I do now?!

I have several sub-sites with exactly the same configuration, and there fonts are working correct. Also on this website fonts in Chrome are working correct; but not on Mozilla; and I don't like Chrome, use it only for testing....

I got exactly the same problem; and Mozilla is now confusing my webfont with Times NEW Roman on system; and system says - you cannot delete System font (Times New Roman); and what should I do now?! I have several sub-sites with exactly the same configuration, and there fonts are working correct. Also on this website fonts in Chrome are working correct; but not on Mozilla; and I don't like Chrome, use it only for testing....
AwesomeFresh 0 λύσεις 2 απαντήσεις
Δημοσιεύτηκε

Is your webfont named similarly to Times New Roman? You should rule out a naming issue.

Then you should test other machines and browsers. Then try a clean Firefox Portable install / disable all your extensions. If that works, then extensions are the problem and you need to renable them one-by-one.

Is your webfont named similarly to Times New Roman? You should rule out a naming issue. Then you should test other machines and browsers. Then try a clean Firefox Portable install / disable all your extensions. If that works, then extensions are the problem and you need to renable them one-by-one.
jscher2000
  • Top 10 Contributor
8776 λύσεις 71744 απαντήσεις
Δημοσιεύτηκε

Hi zambala, it sounds as though there must be some difference between your sites if Firefox works correctly on most of them and falls back to the default font only on one of them. Does the Web Console show any message about the font not being loaded for some reason? https://developer.mozilla.org/docs/Tools/Web_Console

Hi zambala, it sounds as though there must be some difference between your sites if Firefox works correctly on most of them and falls back to the default font only on one of them. Does the Web Console show any message about the font not being loaded for some reason? https://developer.mozilla.org/docs/Tools/Web_Console